feat: redesign miniapp tabbar icons

This commit is contained in:
2026-09-10 22:00:17 +08:00
parent d6f5f25c35
commit 4dd93db137
44 changed files with 174 additions and 307 deletions
+13 -13
View File
@@ -9,10 +9,10 @@
| 属性 | 规范值 |
|------|--------|
| 图标尺寸 | 81 × 81 px (基础) |
| 安全区域 | 56 × 56 px (边距 12px) |
| 线宽 | 2px |
| 安全区域 | 53 × 53 px(最小边距 14px) |
| 线宽 | 4px(缩放到导航栏后约 1.3px) |
| 圆角 | 端点圆角 + 转折圆角 |
| 填充 | 无(纯线性) |
| 填充 | 默认态线性;选中态填充核心爱心 |
## 颜色规范
@@ -25,28 +25,28 @@
## 图标清单
### 1. 首页 (home)
- **意象**: 温馨小屋
- **元素**: 屋顶三角 + 房屋主体 + 门 + 烟囱
- **意象**: 爱心小屋
- **元素**: 圆角屋顶 + 房屋主体 + 门内爱心
- **文件**: `home.png` / `home-active.png`
### 2. 找对象 (discover)
- **意象**: 双心相连,象征缘分匹配
- **元素**: 两个相交的爱心
- **意象**: 双人缘分
- **元素**: 两个人物轮廓 + 中央爱心
- **文件**: `discover.png` / `discover-active.png`
### 3. 消息 (message)
- **意象**: 对话沟通
- **元素**: 圆角气泡 + 小三角 + 文字线条
- **意象**: 真诚沟通
- **元素**: 圆角气泡 + 爱心
- **文件**: `message.png` / `message-active.png`
### 4. 活动 (activity)
- **意象**: 日程安排
- **元素**: 日历主体 + 挂环 + 日期标记点
- **意象**: 公益相遇
- **元素**: 日历主体 + 挂环 + 爱心
- **文件**: `activity.png` / `activity-active.png`
### 5. 我的 (mine)
- **意象**: 个人用户
- **元素**: 圆形头部 + 半圆身体轮廓
- **意象**: 个人守护
- **元素**: 单人轮廓 + 胸前爱心
- **文件**: `mine.png` / `mine-active.png`
## 导出尺寸