小草装修帮_H5/progress.html · 约 2144 字符
1<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><title>我的工地 · 小草装修帮</title><link rel="stylesheet" href="style.css"></head><body>
2<div class="header"><span class="back" onclick="history.back()">‹</span><h1>我的工地</h1><span class="right">📹</span></div>
3<div id="site-list"></div>
4<div class="camera-card">
5 <div class="cc-live"><span class="live-tag">● LIVE</span>📹</div>
6 <div class="cc-body">
7 <div style="display:flex;justify-content:space-between;font-weight:600">🏠 阳光花园3栋 · 现场直播<span style="color:#ffd700">在线</span></div>
8 <div style="opacity:.8;margin-top:4px">水电改造中 · 监理 王工 在线巡检 · 最近更新 10:24</div>
9 </div>
10</div>
11<div class="section-title">质检记录 <span>第三方监理</span></div>
12<div class="card" id="inspect-list"></div>
13<div class="section-title">装修账本 <span>已省 ¥8600</span></div>
14<div class="card">
15 <div style="display:flex;justify-content:space-between;font-size:13px;color:#8a6a4e;padding:6px 0"><span>已付装修款</span><b style="color:#3d3026">¥86,000</b></div>
16 <div style="display:flex;justify-content:space-between;font-size:13px;color:#8a6a4e;padding:6px 0"><span>节点质保金</span><b style="color:var(--green)">¥15,000 托管中</b></div>
17 <div style="display:flex;justify-content:space-between;font-size:13px;color:#8a6a4e;padding:6px 0"><span>材料集采优惠</span><b style="color:var(--green)">已省 ¥8,600</b></div>
18</div>
19<div style="height:80px"></div>
20<div class="tabbar">
21 <a href="index.html"><span class="icon">🏠</span>首页</a>
22 <a href="cases.html"><span class="icon">🖼️</span>案例</a>
23 <a href="company.html"><span class="icon">🏢</span>公司</a>
24 <a class="active" href="progress.html"><span class="icon">📹</span>工地</a>
25 <a href="mine.html"><span class="icon">👤</span>我的</a>
26</div>
27<script src="data.js"></script><script src="app.js"></script>
28<script>renderProgress();</script>
29</body></html>