docs(tabbar): 更新README中关于tabbar配置和文件的说明

- 添加对原生tabbar和自定义tabbar使用场景的明确区分
- 补充说明各配置文件的用途和修改建议
This commit is contained in:
feige996
2025-08-18 18:38:19 +08:00
parent 0f77ce9480
commit c0ab5aca1f

View File

@@ -20,13 +20,14 @@
## tabbar 配置说明
- 如果使用的是原生tabbar, 需要配置 `nativeTabbarList`,每个 `item` 需要配置 `path``text``iconPath``selectedIconPath` 等属性。
- 如果使用的是自定义tabbar, 需要配置 `customTabbarList`,每个 `item` 需要配置 `path``text``icon``iconType` 等属性(如果是 `image` 图片还需要配置2种图片
- 如果使用的是 `原生tabbar`需要配置 `nativeTabbarList`,每个 `item` 需要配置 `path``text``iconPath``selectedIconPath` 等属性。
- 如果使用的是 `自定义tabbar`需要配置 `customTabbarList`,每个 `item` 需要配置 `path``text``icon``iconType` 等属性(如果是 `image` 图片还需要配置2种图片
## 文件说明
`config.ts` 专门配置 `nativeTabbarList``customTabbarList` 的相关信息,请按照文件里面的注释配置相关项。
`store.ts` 专门给 `自定义 tabbar` 提供状态管理,代码几乎不需要修改。
使用 `原生tabbar`不需要关心下面2个文件
- `store.ts` ,专门给 `自定义 tabbar` 提供状态管理,代码几乎不需要修改。
- `index.vue` ,专门给 `自定义 tabbar` 提供渲染逻辑,代码可以稍微修改,以符合自己的需求。
`index.vue` 专门给 `自定义 tabbar` 提供渲染逻辑,代码可以稍微修改,以符合自己的需求。