|
|
||
|---|---|---|
| .. | ||
| README.md | ||
| chart.png | ||
| device.png | ||
| home-active.png | ||
| home.png | ||
| user.png | ||
| warning.png | ||
README.md
TabBar 图标说明
由于无法直接生成图片文件,请按以下方式准备图标:
方式一:使用 TDesign 图标(推荐)
可以从 TDesign 官网下载图标:
- home.png / home-active.png (首页图标)
- device.png / device-active.png (设备图标 - 可用 view-list)
- chart.png / chart-active.png (统计图标 - 可用 chart-bar)
- warning.png / warning-active.png (预警图标 - 可用 error-circle)
- user.png / user-active.png (我的图标 - 可用 user)
方式二:使用 iconfont
从 iconfont.cn 下载对应图标
方式三:临时方案
在 app.json 中暂时注释掉 tabBar 的 iconPath 和 selectedIconPath, 使用纯文字的 TabBar(不推荐,但可以先运行起来)
图标规格
- 尺寸:81px * 81px
- 格式:PNG
- 未选中状态:灰色 (#999999)
- 选中状态:蓝色 (#0052D9)