AI 接入 V1.0
UI更新
This commit is contained in:
@@ -0,0 +1,86 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user