xiaocao-community/service.html · 约 2283 字符
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="section-title">🛎️ 社区服务</div>
7<div class="service-grid" id="service-grid"></div>
8<div class="section-title">🏪 周边商家</div>
9<div id="merchant-list"></div>
10<div class="section-title">📞 便民电话</div>
11<div class="card" style="padding:0;overflow:hidden">
12 <div style="display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #f5f5f5"><span>🏢 物业前台</span><a href="tel:029-8888-0001" style="color:var(--primary)">029-8888-0001</a></div>
13 <div style="display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #f5f5f5"><span>🔧 24h维修热线</span><a href="tel:029-8888-0002" style="color:var(--primary)">029-8888-0002</a></div>
14 <div style="display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #f5f5f5"><span>🚓 小区门岗</span><a href="tel:029-8888-0003" style="color:var(--primary)">029-8888-0003</a></div>
15 <div style="display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #f5f5f5"><span>🔥 燃气抢修</span><a href="tel:96777" style="color:var(--primary)">96777</a></div>
16 <div style="display:flex;justify-content:space-between;align-items:center;padding:14px 16px"><span>⚡ 电力抢修</span><a href="tel:95598" style="color:var(--primary)">95598</a></div>
17</div>
18<div style="height:70px"></div>
19<div class="tabbar">
20 <a href="index.html"><span class="icon">🏠</span>首页</a>
21 <a href="repair.html"><span class="icon">🔧</span>报修</a>
22 <a href="pay.html"><span class="icon">💳</span>缴费</a>
23 <a href="neighbors.html"><span class="icon">💬</span>邻里</a>
24</div>
25<script src="data.js"></script>
26<script src="app.js"></script>
27<script>renderService();</script>
28</body></html>