r83/mine.html · 约 2290 字符
1<!doctype html>
2<html lang="zh-CN">
3<head>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
6<title>个人中心</title>
7<link rel="stylesheet" href="style.css">
8</head>
9<body>
10<div class="app">
11 <header class="top">
12 <div class="top-l">账本 · 林晓</div>
13 <div class="top-r">个人中心</div>
14 </header>
15 <main class="main">
16<div class="card row"><div class="thumb" style="width:54px;height:54px;font-size:26px">林</div>
17<div class="info" style="flex:1"><div class="nm" style="font-size:17px;font-weight:800">林晓 的账本</div>
18<div class="muted">记账 126 天 · 共 348 笔</div></div><span class="tag">标准版</span></div>
19<div class="card">
20 <a class="bill" href="budget.html" style="text-decoration:none;color:inherit"><div class="info"><div class="nm">🎯 预算设置</div></div><span class="muted">›</span></a>
21 <a class="bill" href="cats.html" style="text-decoration:none;color:inherit"><div class="info"><div class="nm">🏷️ 分类管理</div></div><span class="muted">›</span></a>
22 <a class="bill" href="accounts.html" style="text-decoration:none;color:inherit"><div class="info"><div class="nm">🏦 账户管理</div></div><span class="muted">›</span></a>
23 <div class="bill" style="border-bottom:none"><div class="info"><div class="nm">📤 导出账单</div></div><span class="muted">CSV / Excel ›</span></div>
24</div>
25<div class="card">
26 <div class="bill" style="border-bottom:none"><div class="info"><div class="nm">🔔 记账提醒</div></div><div class="switch on" onclick="this.classList.toggle('on')"></div></div>
27</div>
28<div class="muted" style="text-align:center;line-height:1.6">本页所有金额、分类、账户均为测试模拟数据，仅用于功能演示，不构成任何理财建议。</div>
29</main>
30 <nav class="nav"><a class="" href="index.html"><span class="ic">💰</span>总览</a><a class="" href="bills.html"><span class="ic">📋</span>流水</a><a class="" href="add.html"><span class="ic">➕</span>记一笔</a><a class="" href="budget.html"><span class="ic">🎯</span>预算</a><a class=" on" href="mine.html"><span class="ic">👤</span>我的</a></nav>
31</div>
32<script></script>
33</body>
34</html>