💻 代码预览 · 小草装修帮

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 class="user-card">
4  <div class="uc-avatar">🏠</div>
5  <div><div class="uc-name" id="u-name">新房装修中</div><div class="uc-level" id="u-level">装修保用户 · 质保金托管中</div></div>
6</div>
7<div class="card" style="display:flex;justify-content:space-around;padding:14px 6px">
8  <div style="text-align:center"><b style="font-size:18px;color:var(--primary-dark)">72%</b><div style="font-size:11px;color:#a59079">装修进度</div></div>
9  <div style="text-align:center"><b style="font-size:18px;color:var(--primary-dark)" id="m-saved">8,600</b><div style="font-size:11px;color:#a59079">已省钱(元)</div></div>
10  <div style="text-align:center"><b style="font-size:18px;color:var(--primary-dark)" id="m-tasks">3</b><div style="font-size:11px;color:#a59079">待办事项</div></div>
11</div>
12<div style="display:flex;background:#fff;border-radius:12px;margin:12px;padding:14px 0">
13  <a href="progress.html" style="flex:1;text-align:center;font-size:11px;color:#6b4e34"><span style="font-size:24px;display:block;margin-bottom:4px">📹</span>我的工地<em style="font-style:normal;display:block;font-size:10px;color:#a59079;margin-top:2px">实时进度</em></a>
14  <a href="calculator.html" style="flex:1;text-align:center;font-size:11px;color:#6b4e34"><span style="font-size:24px;display:block;margin-bottom:4px">🧮</span>装修计算器<em style="font-style:normal;display:block;font-size:10px;color:#a59079;margin-top:2px">预算参考</em></a>
15  <a href="cases.html" style="flex:1;text-align:center;font-size:11px;color:#6b4e34"><span style="font-size:24px;display:block;margin-bottom:4px">⭐</span>我的收藏<em style="font-style:normal;display:block;font-size:10px;color:#a59079;margin-top:2px">6套案例</em></a>
16  <a href="company.html" style="flex:1;text-align:center;font-size:11px;color:#6b4e34"><span style="font-size:24px;display:block;margin-bottom:4px">📋</span>我的需求<em style="font-style:normal;display:block;font-size:10px;color:#a59079;margin-top:2px">3家报价</em></a>
17</div>
18<div class="menu-list">
19  <a><span class="ml-l"><span class="ico">🛡️</span>装修保</span><span class="ml-r">资金托管中 ›</span></a>
20  <a><span class="ml-l"><span class="ico">📒</span>装修账本</span><span class="ml-r">已省¥8600 ›</span></a>
21  <a><span class="ml-l"><span class="ico">📝</span>电子合同</span><span class="ml-r">已签署 ›</span></a>
22  <a><span class="ml-l"><span class="ico">🧾</span>材料清单</span><span class="ml-r">128项 ›</span></a>
23  <a><span class="ml-l"><span class="ico">💬</span>装修顾问</span><span class="ml-r">1对1在线 ›</span></a>
24  <a><span class="ml-l"><span class="ico">⚙️</span>设置</span><span class="ml-r">›</span></a>
25</div>
26<div style="height:80px"></div>
27<div class="tabbar">
28  <a href="index.html"><span class="icon">🏠</span>首页</a>
29  <a href="cases.html"><span class="icon">🖼️</span>案例</a>
30  <a href="company.html"><span class="icon">🏢</span>公司</a>
31  <a href="progress.html"><span class="icon">📹</span>工地</a>
32  <a class="active" href="mine.html"><span class="icon">👤</span>我的</a>
33</div>
34<script src="data.js"></script><script src="app.js"></script>
35<script>renderMine();</script>
36</body></html>