uni-app 底部导航栏设置角标、红点

1、设置角标 【tabBar 角标设置】

移除角标

2、显示 tabBar 某一项的右上角的红点。 【tabBar 红点设置】

隐藏 tabBar 某一项的右上角的红点。

3、隐藏 tabBar 【tabBar 隐藏显示】

显示 tabBar

示例图：

在page.json配置即可

自定义页面跳转

** 右侧按钮宽度调整**

用宽度调整文字和图标之间的距离："width": "80px"

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

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

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

暂不支持nvue

还有不足的地方会及时优化，也欢迎提出建议！

Demo工程

在 template 中使用组件

---