💻 代码预览 · 小草律所

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"><span class="back"></span><h1>普法专栏</h1><span class="right">🔍</span></header>
12<div class="section-title">法律知识 <span>每日更新</span></div>
13<div id="artList"></div>
14
15
16<nav class="tabbar"><a class=" active" 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="" 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 al = document.getElementById('artList');
20  var h = '';
21  window.DATA.articles.forEach(function (x) {
22    h += '<div class="art-card"><div class="ac-emoji">' + x.emoji + '</div><div class="ac-body">'
23      + '<div class="ac-title">' + x.title + '</div><div class="ac-meta">' + x.meta + '</div></div></div>';
24  });
25  al.innerHTML = h;
26</script>
27<script src="app.js"></script>
28</body>
29</html>