37 lines
1.3 KiB
Markdown
37 lines
1.3 KiB
Markdown
|
# 图标文件说明
|
||
|
|
|
||
|
|
当前使用的图标已下载到本地，原始资源来自 `enum/commonEnum.js` 中定义的远程资源：
|
||
|
|
|
||
|
|
## 首页图标
|
||
|
|
- 未选中：`home.png` (原URL: https://api.ccttiot.com/image-1754981938495.png)
|
||
|
|
- 选中：`home-active.png` (原URL: https://api.ccttiot.com/image-1754981895711.png)
|
||
|
|
|
||
|
|
## 租赁图标
|
||
|
|
- 未选中：`rent.png` (原URL: https://api.ccttiot.com/image-1754981988082.png)
|
||
|
|
- 选中：`rent-active.png` (原URL: https://api.ccttiot.com/image-1754986634575.png)
|
||
|
|
|
||
|
|
## 个人中心图标
|
||
|
|
- 未选中：`profile.png` (原URL: https://api.ccttiot.com/image-1754986718771.png)
|
||
|
|
- 选中：`profile-active.png` (原URL: https://api.ccttiot.com/image-1754986763842.png)
|
||
|
|
|
||
|
|
## 图标配置
|
||
|
|
- 未选中颜色：`#999999`
|
||
|
|
- 选中颜色：`#ff6b6b`
|
||
|
|
- 背景色：`#ffffff`
|
||
|
|
- 边框样式：`white`
|
||
|
|
- 高度：`60px`
|
||
|
|
- 字体大小：`12px`
|
||
|
|
- 图标尺寸：`24px x 24px`
|
||
|
|
- 间距：`4px`
|
||
|
|
|
||
|
|
## 相关文件
|
||
|
|
- `pages.json` - tabBar配置
|
||
|
|
- `enum/commonEnum.js` - 图标资源定义
|
||
|
|
- `download-icons.js` - 图标下载脚本
|
||
|
|
- `static/css/tabbar.css` - 自定义tabBar样式
|
||
|
|
- `App.vue` - 全局样式引入
|
||
|
|
|
||
|
|
## 注意事项
|
||
|
|
- 微信小程序不支持在tabBar中使用网络图片
|
||
|
|
- 图标已下载到本地 `static/icons/` 目录
|
||
|
|
- 如需更新图标，请重新运行 `download-icons.js` 脚本
|