更新记录
2.0.0(2024-01-12) 下载此版本
完善模板的逻辑,开箱即用
1.0.0(2024-01-04) 下载此版本
初次更新
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | - | - | × | × | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | - | - | - | - | - | - | - | - | - | - |
自定义tabbar
原生tabBar是相对固定的配置方式,可能无法满足所有场景,这就涉及到自定义tabBar。
但注意除了H5端,自定义tabBar的性能体验会低于原生tabBar。App和小程序端非必要不要自定义。
实现逻辑
使用微信小程序提供的基于webview自定义tabBar的方案,custom-tab-bar组件;
项目根创建 custom-tab-bar 目录,注意里边的代码是 wxml,wxss,不是 vue,uni-app编译器会直接拷贝该目录到微信小程序中,不会进行编译处理;
所以 custom-tab-bar 组件不可以直接与uniapp编译过的组件通信,需要特殊处理;
此模板实现了custom-tab-bar 组件与uniapp通信,突破了框架的通信限制;