uni-app 自定义组件ADTabBar 底部导航栏 支持中间自定义按钮 支持小程序

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uni-app 自定义组件ADTabBar 底部导航栏 支持中间自定义按钮 支持小程序相关的知识,希望对你有一定的参考价值。

参考技术A uni-app自带的底部导航栏虽然也很好用,但是遇到中间需要有一个自定义按钮的需求的时候如果使用自带的midButton,就只支持App,小程序什么都不支持。

ADTabbar自定义底部导航栏支持App、小程序的中间自定义按钮,可以自己设置css让他凸起。

注:配合该组件的根页面(也就是每个底部菜单对应的第一个页面),需要用到自定义组件模式,详细用法可以看Demo工程

暂不支持nvue

还有不足的地方会及时优化,也欢迎提出建议!
Demo工程

在 template 中使用组件

以上是关于uni-app 自定义组件ADTabBar 底部导航栏 支持中间自定义按钮 支持小程序的主要内容,如果未能解决你的问题,请参考以下文章

uni-app 自定义修改底部tabBar

uni-app为组件uni-icons增加自定义图标(超简单)

uni-app添加自定义底部导航栏,实现根据权限动态切换底部栏目的功能

uni-app中自定义动态底部tabbar(附示例源码)

Uni-App - 自定义组件 - 自定义组件创建及使用

uni-app之自定义组件