25 lines
858 B
Markdown
25 lines
858 B
Markdown
|
|
# 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)
|