💻 代码预览 · 小草萌猫社区

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="know-cat">
13  <div class="kc sel">全部</div>
14  <div class="kc">喂养</div>
15  <div class="kc">健康</div>
16  <div class="kc">行为</div>
17  <div class="kc">品种</div>
18</div>
19<div class="section-title">📚 精选文章</div>
20<div id="artList"></div>
21<div class="card" style="margin-top:0">
22  <div style="font-size:13px;font-weight:800;margin-bottom:8px">🔍 热门搜索</div>
23  <div style="font-size:12px;color:#be185d;line-height:2">
24    #猫咪软便 #猫疫苗时间 #猫咪掉毛 #绝育恢复 #猫粮测评 #猫砂推荐
25  </div>
26</div>
27<div style="height:70px"></div>
28
29
30<script src="data.js"></script>
31
32<script src="app.js"></script>
33</body>
34</html>