💻 代码预览 · 小草智慧社区

1<!DOCTYPE html><html lang="zh-CN"><head>
2<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
3<title>邻里圈 - 小草智慧社区</title><link rel="stylesheet" href="style.css">
4</head><body>
5<div class="header"><span class="back" onclick="history.back()">‹</span><h1>邻里圈</h1><span class="right">✏️</span></div>
6<div class="card" style="display:flex;gap:12px;align-items:center;cursor:pointer" onclick="publishTopic()">
7  <div style="width:40px;height:40px;border-radius:50%;background:var(--primary-light);display:flex;align-items:center;justify-content:center;font-size:20px">✏️</div>
8  <div style="flex:1;color:#999;font-size:14px">和邻居聊聊新鲜事...</div>
9  <div style="font-size:20px">📸</div>
10</div>
11<div class="quick-grid" style="margin:8px 12px">
12  <a href="javascript:void(0)"><span class="qicon">🤝</span>互助</a>
13  <a href="javascript:void(0)"><span class="qicon">📦</span>闲置</a>
14  <a href="javascript:void(0)"><span class="qicon">🎉</span>活动</a>
15  <a href="javascript:void(0)"><span class="qicon">💡</span>建议</a>
16</div>
17<div class="section-title">🔥 热门话题</div>
18<div id="topic-list"></div>
19<div style="height:70px"></div>
20<div class="tabbar">
21  <a href="index.html"><span class="icon">🏠</span>首页</a>
22  <a href="repair.html"><span class="icon">🔧</span>报修</a>
23  <a href="pay.html"><span class="icon">💳</span>缴费</a>
24  <a href="neighbors.html" class="active"><span class="icon">💬</span>邻里</a>
25</div>
26<script src="data.js"></script>
27<script src="app.js"></script>
28<script>renderNeighbors();</script>
29</body></html>