uni-app中如何自定义实现tabbar导航栏

1、首先在page.json中不用再定义tabbar属性

2、在components文件中自定义一个tabbar组件,这里也可以引用uview-ui中的tabbar底部导航栏,我这里就是引用的uview-ui中的tabbar。

3、pages中的4个主页面,分别为Home(首页)、Work(工作)、Message(消息)、My(我的),再创建一个总页面index,将Home、Work、Message、My分别引入到Index总页面,相当于将这4个主页面作为总页面的组件,同时再总页面Index中引入自定义的tabbar标签,这样可以控制对4个主页面的切换,我之前再网上耶看过很多,感觉比较繁琐,所以自己想了一个这种方式实现自定义的tabbar底部导航栏。

4、代码分享如下:

首先是自己引用的tabbar底部导航栏,具体使用查看uview-ui


总页面和4个主页面都是在pages文件夹下创建的,希望对大家有所帮助,不足之处请指教


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部