r84/cats.html · 约 2284 字符
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="card">
17 <div class="row" style="margin-bottom:8px"><div class="sec-title" style="margin:0"><span>💸</span> 支出分类（8）</div><button class="btn sm">＋ 新增</button></div>
18 <div class="cat-grid">
19 <div class="cat-it"><span class="e">🍜</span><div class="t">餐饮</div></div>
20 <div class="cat-it"><span class="e">🚕</span><div class="t">交通</div></div>
21 <div class="cat-it"><span class="e">🛍️</span><div class="t">购物</div></div>
22 <div class="cat-it"><span class="e">🏠</span><div class="t">居家</div></div>
23 <div class="cat-it"><span class="e">🎮</span><div class="t">娱乐</div></div>
24 <div class="cat-it"><span class="e">💊</span><div class="t">医疗</div></div>
25 <div class="cat-it"><span class="e">📚</span><div class="t">教育</div></div>
26 <div class="cat-it"><span class="e">🐱</span><div class="t">宠物</div></div>
27 </div>
28</div>
29<div class="card">
30 <div class="row" style="margin-bottom:8px"><div class="sec-title" style="margin:0"><span>💰</span> 收入分类（3）</div><button class="btn sm">＋ 新增</button></div>
31 <div class="cat-grid">
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>
36</div>
37</main>
38 <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>
39</div>
40<script></script>
41</body>
42</html>