更新记录
2.0.0(2024-01-12)
下载此版本
完善模板的逻辑,开箱即用
1.0.0(2024-01-04)
下载此版本
初次更新
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
× |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
自定义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通信,突破了框架的通信限制;