42 lines
985 B
Markdown
42 lines
985 B
Markdown
# TabBar 图标说明
|
|
|
|
## 图标尺寸要求
|
|
- 推荐尺寸: 81px * 81px
|
|
- 格式: PNG 透明背景
|
|
|
|
## 需要的图标
|
|
|
|
### 首页
|
|
- `home.png` - 普通状态 (灰色)
|
|
- `home-active.png` - 选中状态 (青色)
|
|
|
|
**建议图标**: 🏠 房子 或 🎮 游戏手柄
|
|
|
|
### 订单
|
|
- `order.png` - 普通状态 (灰色)
|
|
- `order-active.png` - 选中状态 (青色)
|
|
|
|
**建议图标**: 📋 订单 或 📦 包裹
|
|
|
|
### 我的
|
|
- `user.png` - 普通状态 (灰色)
|
|
- `user-active.png` - 选中状态 (青色)
|
|
|
|
**建议图标**: 👤 用户 或 ⚙️ 设置
|
|
|
|
## 配色方案
|
|
- **普通状态**: #7a7e9d (灰紫色)
|
|
- **选中状态**: #00ffff (青色霓虹)
|
|
|
|
## 临时解决方案
|
|
|
|
在图标未准备好之前,可以:
|
|
1. 使用纯文字tabbar (删除pages.json中的iconPath配置)
|
|
2. 使用在线图标生成工具快速制作
|
|
3. 使用Emoji作为临时图标
|
|
|
|
## 在线工具推荐
|
|
- Iconfont: https://www.iconfont.cn/
|
|
- Flaticon: https://www.flaticon.com/
|
|
- Icons8: https://icons8.com/
|