feat(tabbar): 添加本地图标支持并更新文档

- 在tabbar组件中添加对本地图标类型的支持
- 更新README文档,增加tabbar策略说明
- 调整pages.json配置,将首页图标改为本地类型
- 完善配置文件的TODO注释说明
This commit is contained in:
feige996
2025-08-04 18:19:20 +08:00
parent 4da8e4a43a
commit 80985805e0
3 changed files with 21 additions and 9 deletions

View File

@@ -1,5 +1,7 @@
# tabbar 说明
## tabbar 4种策略
`tabbar` 分为 `4 种` 情况:
- 0 `无 tabbar`,只有一个页面入口,底部无 `tabbar` 显示;常用语临时活动页。
@@ -16,12 +18,15 @@
> 注意:花里胡哨的效果需要自己实现,本模版不提供。
## 配置说明
## tabbar 配置说明
- 如果使用的是原生tabbar, 则每个 item 需要配置 `path``text``iconPath``selectedIconPath` 等属性。
- 如果使用的是自定义tabbar, 则每个 item 需要配置 `path``text``icon``iconType` 等属性。
- 如果使用的是原生tabbar, 则每个 `item` 需要配置 `path``text``iconPath``selectedIconPath` 等属性。
- 如果使用的是自定义tabbar, 则每个 `item` 需要配置 `path``text``icon``iconType` 等属性如果是local还需要配置2种图片
## 如果是自定义tabbar, 且通过接口拿到tabbar列表
需要跟原生tabbar的path对应上即可。
## 接口拿到tabbar列表怎么处理?
另外,如果用的是 Unocss 图标,还需要在 `uno.config.ts``safelist` 中添加图标名称
首先接口的配置需要跟原生tabbar的 `path` 对应上
然后,可以直接在 `index.vue` 文件请求接口拿到 `tabbarList`,然后赋值给 `tabbarList` 即可。
最后,如果用的是 `unocss` 图标,还需要在 `uno.config.ts``safelist` 中添加图标名称。