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

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="pay-summary">
7  <div class="ps-row"><span style="color:#999">户号</span><span>YG-8-302</span></div>
8  <div class="ps-row"><span style="color:#999">户主</span><span>张*明</span></div>
9  <div class="ps-row"><span style="color:#999">待缴账单</span><span style="color:var(--red);font-weight:600" id="unpaid-count"></span></div>
10  <div class="ps-total"><span>待缴总额</span><span class="ps-amount" id="unpaid-total">¥0</span></div>
11</div>
12<div class="section-title">💳 账单列表</div>
13<div id="bill-list"></div>
14<div class="section-title">📜 缴费记录</div>
15<div class="card" style="padding:14px">
16  <div style="display:flex;justify-content:space-between;font-size:13px;padding:4px 0"><span style="color:#999">2025-07 燃气费</span><span>¥45 <span style="color:var(--green)">已缴</span></span></div>
17  <div style="display:flex;justify-content:space-between;font-size:13px;padding:4px 0"><span style="color:#999">2025-Q2 物业费</span><span>¥540 <span style="color:var(--green)">已缴</span></span></div>
18  <div style="display:flex;justify-content:space-between;font-size:13px;padding:4px 0"><span style="color:#999">2025-06 水费</span><span>¥52 <span style="color:var(--green)">已缴</span></span></div>
19  <div style="display:flex;justify-content:space-between;font-size:13px;padding:4px 0"><span style="color:#999">2025-06 电费</span><span>¥168 <span style="color:var(--green)">已缴</span></span></div>
20</div>
21<div style="height:70px"></div>
22<div class="tabbar">
23  <a href="index.html"><span class="icon">🏠</span>首页</a>
24  <a href="repair.html"><span class="icon">🔧</span>报修</a>
25  <a href="pay.html" class="active"><span class="icon">💳</span>缴费</a>
26  <a href="neighbors.html"><span class="icon">💬</span>邻里</a>
27</div>
28<script src="data.js"></script>
29<script src="app.js"></script>
30<script>renderBills();</script>
31</body></html>