40 lines
1.1 KiB
Markdown
40 lines
1.1 KiB
Markdown
# TabBar 图标说明
|
||
|
||
## 需要添加的图标
|
||
|
||
为了让"我的"页面正常显示,你需要添加以下两个图标文件:
|
||
|
||
### 1. mine.png(未选中状态)
|
||
- 文件路径:`frontend/static/tabbar/mine.png`
|
||
- 建议尺寸:81x81 像素
|
||
- 颜色:#7A7E83(灰色)
|
||
- 图标内容:用户头像或"我的"相关图标
|
||
|
||
### 2. mine-active.png(选中状态)
|
||
- 文件路径:`frontend/static/tabbar/mine-active.png`
|
||
- 建议尺寸:81x81 像素
|
||
- 颜色:#667eea(紫色)
|
||
- 图标内容:与mine.png相同,但颜色为选中状态
|
||
|
||
## 图标获取方式
|
||
|
||
1. **使用在线图标库**
|
||
- iconfont (https://www.iconfont.cn/)
|
||
- iconpark (https://iconpark.oceanengine.com/)
|
||
|
||
2. **使用设计工具**
|
||
- Figma
|
||
- Sketch
|
||
- Adobe Illustrator
|
||
|
||
3. **参考现有图标**
|
||
- 可以参考 home.png、add.png、statistics.png 的风格
|
||
- 保持统一的设计风格
|
||
|
||
## 临时解决方案
|
||
|
||
如果暂时没有图标,可以:
|
||
1. 复制 home.png 并重命名为 mine.png
|
||
2. 复制 home-active.png 并重命名为 mine-active.png
|
||
3. 这样至少可以让页面正常运行,之后再替换为合适的图标
|