更新记录
v1.0.0(2023-06-29)
第一次发布
平台兼容性
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
这个是从我的项目中剥离出来的,如果你不了解小程序的自定义tabbar,请看微信自定义tabbar文档
步骤:
步骤1、文件仅包含custom-tab-bar文件夹,把它放到你的根目录
步骤2、在pages.json声明custom为true,不知道这么做什么意义,说明你没看上面的文档
![](https://img.mini.chongyeapp.com/hbx/custom-tabbar/2023-06-29_095037_2385250.06578746740600483.png)
步骤3、运行到小程序查看效果。
步骤4:完善tabbbar的选中切换,消息数量的获取,这些都很简单,demo可以看这个项目
https://ext.dcloud.net.cn/plugin?id=11115
演示效果:
小程序端:微信小程序搜索:宠也网
有问题找我?
微信:ShaoWenSir
![](https://img.mini.chongyeapp.com/images/mmqrcode1677495496626%281%29.png)