Files
Aq-Accounting-Flutter/tools/_icons_preview.html
T
2026-09-24 14:24:34 +08:00

86 lines
6.9 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html><html><head><meta charset="utf-8">
<title>图标预览</title>
<style>
body{font-family:-apple-system,"Microsoft YaHei",sans-serif;background:#FAF8F5;color:#2B2B2B;padding:28px}
h2{font-size:15px;margin:26px 0 12px;color:#5D4037}
.row{display:flex;flex-wrap:wrap;gap:14px}
.cell{width:104px;background:#fff;border:1px solid #EAE3DC;border-radius:12px;
padding:14px 8px;text-align:center}
.cell img{width:44px;height:44px;display:block;margin:0 auto 8px}
.cell .n{font-size:11.5px;color:#8D7B70;word-break:break-all}
.big img{width:72px;height:72px}
</style></head><body>
<h1 style="font-size:19px;margin:0">强宝小助手 · 图标集</h1>
<p style="color:#8D7B70;font-size:13px;margin:6px 0 0">上:44px 实际显示尺寸 下:72px 放大看细节</p>
<h2>记账分类</h2><div class='row'>
<div class='cell'><img src='../assets/icons/food.svg'><span class='n'>food</span></div>
<div class='cell'><img src='../assets/icons/transport.svg'><span class='n'>transport</span></div>
<div class='cell'><img src='../assets/icons/shopping.svg'><span class='n'>shopping</span></div>
<div class='cell'><img src='../assets/icons/entertainment.svg'><span class='n'>entertainment</span></div>
<div class='cell'><img src='../assets/icons/medical.svg'><span class='n'>medical</span></div>
<div class='cell'><img src='../assets/icons/education.svg'><span class='n'>education</span></div>
<div class='cell'><img src='../assets/icons/housing.svg'><span class='n'>housing</span></div>
<div class='cell'><img src='../assets/icons/utilities.svg'><span class='n'>utilities</span></div>
<div class='cell'><img src='../assets/icons/phone.svg'><span class='n'>phone</span></div>
<div class='cell'><img src='../assets/icons/other.svg'><span class='n'>other</span></div>
<div class='cell'><img src='../assets/icons/salary.svg'><span class='n'>salary</span></div>
<div class='cell'><img src='../assets/icons/bonus.svg'><span class='n'>bonus</span></div>
<div class='cell'><img src='../assets/icons/invest.svg'><span class='n'>invest</span></div>
<div class='cell'><img src='../assets/icons/parttime.svg'><span class='n'>parttime</span></div>
</div>
<h2>模块 / 界面</h2><div class='row'>
<div class='cell'><img src='../assets/icons/bill.svg'><span class='n'>bill</span></div>
<div class='cell'><img src='../assets/icons/note.svg'><span class='n'>note</span></div>
<div class='cell'><img src='../assets/icons/assistant.svg'><span class='n'>assistant</span></div>
<div class='cell'><img src='../assets/icons/expense.svg'><span class='n'>expense</span></div>
<div class='cell'><img src='../assets/icons/income.svg'><span class='n'>income</span></div>
<div class='cell'><img src='../assets/icons/camera.svg'><span class='n'>camera</span></div>
<div class='cell'><img src='../assets/icons/search.svg'><span class='n'>search</span></div>
<div class='cell'><img src='../assets/icons/user.svg'><span class='n'>user</span></div>
<div class='cell'><img src='../assets/icons/lock.svg'><span class='n'>lock</span></div>
<div class='cell'><img src='../assets/icons/eye.svg'><span class='n'>eye</span></div>
<div class='cell'><img src='../assets/icons/image.svg'><span class='n'>image</span></div>
<div class='cell'><img src='../assets/icons/file.svg'><span class='n'>file</span></div>
<div class='cell'><img src='../assets/icons/folder.svg'><span class='n'>folder</span></div>
<div class='cell'><img src='../assets/icons/folder-open.svg'><span class='n'>folder-open</span></div>
<div class='cell'><img src='../assets/icons/check.svg'><span class='n'>check</span></div>
<div class='cell'><img src='../assets/icons/pin.svg'><span class='n'>pin</span></div>
<div class='cell'><img src='../assets/icons/target.svg'><span class='n'>target</span></div>
<div class='cell'><img src='../assets/icons/inbox.svg'><span class='n'>inbox</span></div>
<div class='cell'><img src='../assets/icons/error.svg'><span class='n'>error</span></div>
</div>
<h2>放大检查(72px)</h2><div class='row big'>
<div class='cell'><img src='../assets/icons/food.svg'><span class='n'>food</span></div>
<div class='cell'><img src='../assets/icons/transport.svg'><span class='n'>transport</span></div>
<div class='cell'><img src='../assets/icons/shopping.svg'><span class='n'>shopping</span></div>
<div class='cell'><img src='../assets/icons/entertainment.svg'><span class='n'>entertainment</span></div>
<div class='cell'><img src='../assets/icons/medical.svg'><span class='n'>medical</span></div>
<div class='cell'><img src='../assets/icons/education.svg'><span class='n'>education</span></div>
<div class='cell'><img src='../assets/icons/housing.svg'><span class='n'>housing</span></div>
<div class='cell'><img src='../assets/icons/utilities.svg'><span class='n'>utilities</span></div>
<div class='cell'><img src='../assets/icons/phone.svg'><span class='n'>phone</span></div>
<div class='cell'><img src='../assets/icons/other.svg'><span class='n'>other</span></div>
<div class='cell'><img src='../assets/icons/salary.svg'><span class='n'>salary</span></div>
<div class='cell'><img src='../assets/icons/bonus.svg'><span class='n'>bonus</span></div>
<div class='cell'><img src='../assets/icons/invest.svg'><span class='n'>invest</span></div>
<div class='cell'><img src='../assets/icons/parttime.svg'><span class='n'>parttime</span></div>
<div class='cell'><img src='../assets/icons/bill.svg'><span class='n'>bill</span></div>
<div class='cell'><img src='../assets/icons/note.svg'><span class='n'>note</span></div>
<div class='cell'><img src='../assets/icons/assistant.svg'><span class='n'>assistant</span></div>
<div class='cell'><img src='../assets/icons/expense.svg'><span class='n'>expense</span></div>
<div class='cell'><img src='../assets/icons/income.svg'><span class='n'>income</span></div>
<div class='cell'><img src='../assets/icons/camera.svg'><span class='n'>camera</span></div>
<div class='cell'><img src='../assets/icons/search.svg'><span class='n'>search</span></div>
<div class='cell'><img src='../assets/icons/user.svg'><span class='n'>user</span></div>
<div class='cell'><img src='../assets/icons/lock.svg'><span class='n'>lock</span></div>
<div class='cell'><img src='../assets/icons/eye.svg'><span class='n'>eye</span></div>
<div class='cell'><img src='../assets/icons/image.svg'><span class='n'>image</span></div>
<div class='cell'><img src='../assets/icons/file.svg'><span class='n'>file</span></div>
<div class='cell'><img src='../assets/icons/folder.svg'><span class='n'>folder</span></div>
<div class='cell'><img src='../assets/icons/folder-open.svg'><span class='n'>folder-open</span></div>
<div class='cell'><img src='../assets/icons/check.svg'><span class='n'>check</span></div>
<div class='cell'><img src='../assets/icons/pin.svg'><span class='n'>pin</span></div>
<div class='cell'><img src='../assets/icons/target.svg'><span class='n'>target</span></div>
<div class='cell'><img src='../assets/icons/inbox.svg'><span class='n'>inbox</span></div>
<div class='cell'><img src='../assets/icons/error.svg'><span class='n'>error</span></div>
</div></body></html>