💻 代码预览 · 小草洗鞋店

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">👟 晒鞋 · 养护圈</div>
13<div id="commList"></div>
14<div class="section-title">📚 养护知识库</div>
15<div id="tipList"></div>
16<div class="coupon-card" style="margin-top:12px">
17  <div class="cc-left"><b>邀请好友得洗鞋券</b><span>双方各得 1 双免费洗 · 分享海报一键生成</span></div>
18  <div class="cc-btn" data-toast="专属海报已生成">去邀请</div>
19</div>
20<div style="height:70px"></div>
21
22
23<nav class="tabbar"><a class=" active" href="index.html"><span class="icon">🏠</span>首页</a><a class="" href="category.html"><span class="icon">🧼</span>服务</a><a class="" href="vip.html"><span class="icon">💎</span>会员</a><a class="" href="track.html"><span class="icon">📦</span>进度</a><a class="" href="mine.html"><span class="icon">👤</span>我的</a></nav>
24<script src="data.js"></script>
25<script>
26  var cl = document.getElementById('commList');
27  var h = '';
28  window.DATA.community.forEach(function (c) {
29    h += '<div class="comm-card"><div class="cm-head"><div class="cm-avatar">' + c.avatar + '</div>'
30      + '<div>' + c.name + '</div><div class="cm-tag">' + c.tag + '</div></div>'
31      + '<div class="cm-title">' + c.title + '</div>'
32      + '<div class="cm-text">' + c.text + '</div>'
33      + '<div class="cm-foot"><span>❤️ ' + c.like + '</span><span>💬 ' + c.cmt + '</span><span data-toast="已分享">↗ 分享</span></div></div>';
34  });
35  cl.innerHTML = h;
36  var tl = document.getElementById('tipList');
37  var h2 = '';
38  window.DATA.tips.forEach(function (t) {
39    h2 += '<div class="comm-tip"><div class="ct-title">' + t.title + '</div><div class="ct-text">' + t.text.replace(/\n/g, '<br/>') + '</div></div>';
40  });
41  tl.innerHTML = h2;
42</script>
43<script src="app.js"></script>
44</body>
45</html>