AI-accounting-soft-uniApp/static/tabbar/ICON_GUIDE.md

40 lines
1.1 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# 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. 这样至少可以让页面正常运行,之后再替换为合适的图标