💻 代码预览 · 小草律所

1<!DOCTYPE html>
2<html lang="zh-CN">
3<head>
4<meta charset="UTF-8"/>
5<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
6<title>成功案例 · 小草律所</title>
7<link rel="stylesheet" href="style.css"/>
8</head>
9<body>
10
11<header class="header"><a class="back" onclick="history.back()">‹</a><h1>成功案例</h1><span class="right"></span></header>
12<div class="section-title">精选胜诉案例 <span>累计办理 2000+ 件</span></div>
13<div id="caseList"></div>
14
15
16<nav class="tabbar"><a class="" href="index.html"><span class="icon">🏛️</span>首页</a><a class="" href="lawyers.html"><span class="icon">👨‍⚖️</span>律师</a><a class="" href="consult.html"><span class="icon">💬</span>咨询</a><a class=" active" href="cases.html"><span class="icon">📁</span>案例</a><a class="" href="mine.html"><span class="icon">👤</span>我的</a></nav>
17<script src="data.js"></script>
18<script>
19  var cl = document.getElementById('caseList');
20  var h = '';
21  window.DATA.cases.forEach(function (c) {
22    h += '<div class="case-card"><div class="cc-cat">' + c.cat + '</div>'
23      + '<div class="cc-title">' + c.title + '</div>'
24      + '<div class="cc-desc">' + c.desc + '</div>'
25      + '<div class="cc-result">✓ ' + c.result + '</div></div>';
26  });
27  cl.innerHTML = h;
28</script>
29<script src="app.js"></script>
30</body>
31</html>