xiaocao-community/index.html · 约 1840 字符
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">🏘️</span><h1>小草智慧社区</h1><span class="right">🔔</span></div>
6<div class="community-header">
7 <div class="ch-name" id="ch-name"></div>
8 <div class="ch-addr" id="ch-addr"></div>
9 <div class="ch-stats">
10 <span>🏢 <b id="ch-buildings"></b>栋楼</span>
11 <span>🏠 <b id="ch-households"></b>户业主</span>
12 <span>📍 在线服务</span>
13 </div>
14</div>
15<div class="quick-grid">
16 <a href="repair.html"><span class="qicon">🔧</span>物业报修</a>
17 <a href="pay.html"><span class="qicon">💳</span>在线缴费</a>
18 <a href="neighbors.html"><span class="qicon">💬</span>邻里圈</a>
19 <a href="service.html"><span class="qicon">🏪</span>便民服务</a>
20</div>
21<div class="notice-bar">
22 <span class="nb-icon">📢</span>
23 <span class="nb-text" id="latest-notice"></span>
24 <span class="nb-arrow">›</span>
25</div>
26<div class="section-title">📢 社区公告 <span>全部 ></span></div>
27<div id="notice-list"></div>
28<div class="section-title">🔧 我的报修 <span>查看全部 ></span></div>
29<div id="repair-list"></div>
30<div style="height:70px"></div>
31<div class="tabbar">
32 <a href="index.html" class="active"><span class="icon">🏠</span>首页</a>
33 <a href="repair.html"><span class="icon">🔧</span>报修</a>
34 <a href="pay.html"><span class="icon">💳</span>缴费</a>
35 <a href="neighbors.html"><span class="icon">💬</span>邻里</a>
36</div>
37<script src="data.js"></script>
38<script src="app.js"></script>
39<script>renderIndex();</script>
40</body></html>