r84/add.html · 约 2767 字符
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">记账 · 阿May</div>
13 <div class="top-r">记一笔</div>
14 </header>
15 <main class="main">
16<div class="seg" style="margin-bottom:12px"><div class="sg on"><button>支出</button></div><div class="sg"><button>收入</button></div></div>
17<div class="card row">
18 <div class="muted">金额</div><div style="font-size:30px;font-weight:900;color:var(--pri)">¥ 32<b class="muted" style="font-size:14px">.00</b></div>
19</div>
20<div class="kpad">
21 <button class="key">7</button><button class="key">8</button><button class="key">9</button>
22 <button class="key">4</button><button class="key">5</button><button class="key">6</button>
23 <button class="key">1</button><button class="key">2</button><button class="key">3</button>
24 <button class="key alt">.</button><button class="key">0</button><button class="key big">⌫</button>
25</div>
26<div class="card">
27 <div class="sec-title"><span>🏷️</span> 选择分类</div>
28 <div class="cat-grid">
29 <div class="cat-it on"><span class="e">🍜</span><div class="t">餐饮</div></div>
30 <div class="cat-it"><span class="e">🚕</span><div class="t">交通</div></div>
31 <div class="cat-it"><span class="e">🛍️</span><div class="t">购物</div></div>
32 <div class="cat-it"><span class="e">🏠</span><div class="t">居家</div></div>
33 <div class="cat-it"><span class="e">🎮</span><div class="t">娱乐</div></div>
34 <div class="cat-it"><span class="e">💊</span><div class="t">医疗</div></div>
35 <div class="cat-it"><span class="e">📚</span><div class="t">教育</div></div>
36 <div class="cat-it"><span class="e">➕</span><div class="t">更多</div></div>
37 </div>
38</div>
39<div class="card">
40 <div class="row" style="margin-bottom:8px"><span class="muted">💳 账户</span><b>支付宝 ›</b></div>
41 <div class="row"><span class="muted">📝 备注</span><span class="muted">午餐·兰州拉面</span></div>
42</div>
43<a class="btn full" href="bills.html" style="text-decoration:none;text-align:center">保存账单</a>
44</main>
45 <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=" on" href="add.html"><span class="ic">➕</span>记一笔</a><a class="" href="budget.html"><span class="ic">🎯</span>预算</a><a class="" href="mine.html"><span class="ic">👤</span>我的</a></nav>
46</div>
47<script></script>
48</body>
49</html>