💻 代码预览 · 小草记账本

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="profile-header">
7  <div class="profile-avatar">🧑</div>
8  <div style="font-size:18px;font-weight:600" id="p-name"></div>
9  <div style="font-size:13px;opacity:.85;margin-top:2px">坚持记账，掌控生活</div>
10  <div class="profile-stats">
11    <div><div class="ps-num" id="p-days"></div><div class="ps-label">记账天数</div></div>
12    <div><div class="ps-num" id="p-records"></div><div class="ps-label">记录笔数</div></div>
13    <div><div class="ps-num" id="p-budgets"></div><div class="ps-label">预算分类</div></div>
14  </div>
15</div>
16<div class="section-title">📌 常用功能</div>
17<div class="card" style="padding:0">
18  <a href="budget.html" style="display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #f5f5f5"><span>💰 预算管理</span><span style="color:#ccc">›</span></a>
19  <a href="books.html" style="display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #f5f5f5"><span>📒 多账本</span><span style="color:#ccc">›</span></a>
20  <a href="javascript:void(0)" onclick="alert('📂 导出账单')" style="display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #f5f5f5"><span>📂 导出账单</span><span style="color:#ccc">›</span></a>
21  <a href="javascript:void(0)" onclick="alert('🎨 主题设置')" style="display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #f5f5f5"><span>🎨 主题设置</span><span style="color:#ccc">›</span></a>
22  <a href="javascript:void(0)" onclick="alert('🔒 隐私设置\n\n支持手势密码锁、指纹解锁保护账本隐私')" style="display:flex;justify-content:space-between;align-items:center;padding:14px 16px"><span>🔒 隐私设置</span><span style="color:#ccc">›</span></a>
23</div>
24<div style="height:70px"></div>
25<div class="tabbar">
26  <a href="index.html"><span class="icon">📒</span>记账</a>
27  <a href="record.html"><span class="icon">✏️</span>记一笔</a>
28  <a href="stats.html"><span class="icon">📊</span>统计</a>
29  <a href="mine.html" class="active"><span class="icon">👤</span>我的</a>
30</div>
31<script src="data.js"></script>
32<script src="app.js"></script>
33<script>renderMine();</script>
34</body></html>