|
@@ -2,15 +2,15 @@
|
|
|
|
|
|
|
|
`tabbar` 分为 `4 种` 情况:
|
|
`tabbar` 分为 `4 种` 情况:
|
|
|
|
|
|
|
|
-- `完全原生 tabbar`,使用 `switchTab` 切换 tabbar,`tabbar` 页面有缓存。
|
|
|
|
|
|
|
+- 0 `完全原生 tabbar`,使用 `switchTab` 切换 tabbar,`tabbar` 页面有缓存。
|
|
|
- 优势:原生自带的 tabbar,最先渲染,有缓存。
|
|
- 优势:原生自带的 tabbar,最先渲染,有缓存。
|
|
|
- 劣势:只能使用 2 组图片来切换选中和非选中状态,修改颜色只能重新换图片(或者用 iconfont)。
|
|
- 劣势:只能使用 2 组图片来切换选中和非选中状态,修改颜色只能重新换图片(或者用 iconfont)。
|
|
|
-- `半自定义 tabbar`,使用 `switchTab` 切换 tabbar,`tabbar` 页面有缓存。使用了第三方 UI 库的 `tabbar` 组件,并隐藏了原生 `tabbar` 的显示。
|
|
|
|
|
|
|
+- 1 `半自定义 tabbar`,使用 `switchTab` 切换 tabbar,`tabbar` 页面有缓存。使用了第三方 UI 库的 `tabbar` 组件,并隐藏了原生 `tabbar` 的显示。
|
|
|
- 优势:可以随意配置自己想要的 `svg icon`,切换字体颜色方便。有缓存。可以实现各种花里胡哨的动效等。
|
|
- 优势:可以随意配置自己想要的 `svg icon`,切换字体颜色方便。有缓存。可以实现各种花里胡哨的动效等。
|
|
|
- 劣势:首次点击 tababr 会闪烁。
|
|
- 劣势:首次点击 tababr 会闪烁。
|
|
|
-- `全自定义 tabbar`,使用 `navigateTo` 切换 `tabbar`,`tabbar` 页面无缓存。使用了第三方 UI 库的 `tabbar` 组件。
|
|
|
|
|
|
|
+- 2 `全自定义 tabbar`,使用 `navigateTo` 切换 `tabbar`,`tabbar` 页面无缓存。使用了第三方 UI 库的 `tabbar` 组件。
|
|
|
- 优势:可以随意配置自己想要的 svg icon,切换字体颜色方便。可以实现各种花里胡哨的动效等。
|
|
- 优势:可以随意配置自己想要的 svg icon,切换字体颜色方便。可以实现各种花里胡哨的动效等。
|
|
|
- 劣势:首次点击 `tababr` 会闪烁,无缓存。
|
|
- 劣势:首次点击 `tababr` 会闪烁,无缓存。
|
|
|
-- `无 tabbar`,只有一个页面入口,底部无 `tabbar` 显示;常用语临时活动页。
|
|
|
|
|
|
|
+- 3 `无 tabbar`,只有一个页面入口,底部无 `tabbar` 显示;常用语临时活动页。
|
|
|
|
|
|
|
|
> 注意:花里胡哨的效果需要自己实现,本模版不提供。
|
|
> 注意:花里胡哨的效果需要自己实现,本模版不提供。
|