uniapp 自定义底部导航栏设置

该方案结合uview Tabbar 实现
在这里插入图片描述

根据文档可知
1、在page中正常写入
在这里插入图片描述
2、在各个tabbar页面引入u-tabbar组件,组件会默认自动通过uni.hideTabBar()隐藏系统tabbaru-tabbar级别最好和内容最外层同级

在这里插入图片描述
3、用vuex 实现动态切换
在这里插入图片描述
4、根据权限动态分配
在这里插入图片描述

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/IT_iosers/article/details/120263515