更新记录
1.0.1(2023-03-11)
下载此版本
规范变量名称
1.0.0(2023-03-10)
下载此版本
第一次版本
平台兼容性
uni-app
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
√ |
- |
- |
- |
- |
- |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
√ |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
其他
如何使用
main.js
复制代码import ttdTabbar from '@/components/ttd-tabbar/ttd-tabbar.vue'
Vue.component('ttd-tabbar',ttdTabbar)
App.vue
复制代码 onLaunch(option) {
uni.hideTabBar()
}
Tabbar页面
复制代码<ttd-tabbar ref="ttdTabbar"></ttd-tabbar>
pages.json
复制代码 "tabBar": {
"color": "#969696",
"selectedColor": "#969696",
"backgroundColor": "#fff",
"list": [{
"pagePath": "pages/index/index",
"iconPath": "static/Slice 8@3x.png",
"selectedIconPath": "static/Slice 8_1@3x.png",
"text": "首页"
}]
},
想问问大佬,打算做一个登录页面,老师登录到一个端,家长登录到一个端,打算做在同一个项目里,但是用两次tabbar会覆盖前面的那个,这种情况怎么解决啊,求回答。