💻 代码预览 · 小草记账本

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="month-summary">
7  <div class="ms-month">2025年8月 · 个人账本</div>
8  <div class="ms-balance" id="ms-balance">¥0</div>
9  <div class="ms-inout">
10    <div class="io-item"><div class="io-num" id="ms-in">¥0</div><div class="io-label">本月收入</div></div>
11    <div class="io-item"><div class="io-num" id="ms-out">¥0</div><div class="io-label">本月支出</div></div>
12  </div>
13</div>
14<div class="quick-add">
15  <button class="qa-btn qa-in" onclick="location.href='record.html?t=in'">＋ 记收入</button>
16  <button class="qa-btn qa-out" onclick="location.href='record.html?t=out'">－ 记支出</button>
17</div>
18<div class="section-title">📋 最近流水 <span>全部 ></span></div>
19<div class="recent-list" id="recent-list"></div>
20<div class="section-title">💳 账户资产</div>
21<div class="card" style="padding-top:4px" id="account-list"></div>
22<div style="height:70px"></div>
23<div class="tabbar">
24  <a href="index.html" class="active"><span class="icon">📒</span>记账</a>
25  <a href="record.html"><span class="icon">✏️</span>记一笔</a>
26  <a href="stats.html"><span class="icon">📊</span>统计</a>
27  <a href="mine.html"><span class="icon">👤</span>我的</a>
28</div>
29<script src="data.js"></script>
30<script src="app.js"></script>
31<script>renderIndex();</script>
32</body></html>