重构底部导航图标:照参考图重做形状与配色
- 5 个 Tab 图标形状改为参考图语言:房子(首页)/爱心(找对象)/对话气泡(消息)/日历加号(活动)/人物(我的) - 配色改为参考图方案:默认态藏青蓝 #47528C、选中态玫红 #F4005A(与导航栏品牌色同系) - 同步重生成 1x/2x/3x 共 30 张透明 RGBA PNG(Edge CDP 栅格化) - app.json tabBar.color/selectedColor 对齐新配色 - 守卫 tabbar-icons.mjs 增加两态颜色与 app.json 一致性断言 - 静态预览复刻 tabBar 配色同步更新;DESIGN.md 同步
This commit is contained in:
@@ -1,5 +1,6 @@
|
||||
<svg width="81" height="81" viewBox="0 0 81 81" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<title>公益日历</title>
|
||||
<g stroke="#999999" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"><rect x="17" y="20" width="47" height="44" rx="8"/><path d="M17 33h47M28 15v10M53 15v10"/><path class="heart" d="M40.5 57c-6.5-4.3-9.5-7.2-9.5-10.7 0-2.9 2.3-5.1 5.1-5.1 1.9 0 3.5.9 4.4 2.4.9-1.5 2.5-2.4 4.5-2.4 2.8 0 5.1 2.2 5.1 5.1 0 3.5-3.1 6.4-9.6 10.7Z"/></g>
|
||||
<style>.heart{fill:none;stroke:#999999}.badge{fill:white}</style>
|
||||
<title>日历</title>
|
||||
<rect x="16" y="21" width="49" height="45" rx="9" stroke="#47528C" stroke-width="4"/>
|
||||
<path d="M28 13 V23 M53 13 V23" stroke="#47528C" stroke-width="4" stroke-linecap="round"/>
|
||||
<path d="M29.5 43.5 H51.5 M40.5 32 V55" stroke="#47528C" stroke-width="4" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 552 B After Width: | Height: | Size: 409 B |
Reference in New Issue
Block a user