更新记录

v1.0.3（2021-03-30）

• 优化nvue dot info 显示
• 优化nvue图标凸起
• 新增nvue demo

v1.0.2（2021-03-08）

• 新增nvue支持
• 新增uni.switchtab切换Demo

v1.0.1（2021-02-21）

• 修复手动修改active部分页面不切换的问题
• demo更新

平台兼容性

由于项目中经常需要用到自定义的 Tabbar，原生的 Tabbar 可自定义性有局限性，将之前写的组件加以整理，弄出一个通用的组件。

Github：点击前往

插件市场：点击前往

H5 Demo：点击预览

提供了相关示例 Demo，可以自己在插件市场导入示例项目，或者直接查看 Demo相关代码
如果问题最好去 github 反馈，插件市场评论区留下五星好评即可， 点我去反馈
最好提供一下使用的什么端，数据结构及大概的代码，我好复现找问题，不要直接提怎么xxx报错了等没意义的问题，神仙也不知道你为啥报错了。

兼容性

App + nvue + H5 + 各平台小程序（头条小程序暂不支持）

引入插件

推荐使用 easycom 引入

导入插件后再pages.json加上如下配置：

"easycom": {
  "autoscan": true,
  "custom": {
    "lb-tabbar-item": "@/components/lb-tabbar/lb-tabbar-item.vue"
  }
}

npm 安装引入

npm install uni-lb-tabbar

安装完插件后再pages.json加上如下配置：

"easycom": {
  "autoscan": true,
  "custom": {
    "lb-tabbar": "uni-lb-tabbar/components/lb-tabbar/lb-tabbar",
    "lb-tabbar-item": "uni-lb-tabbar/components/lb-tabbar/lb-tabbar-item"
  }
}

Props 参数

Tabbar Props

TabbarItem Props

Tabbar Event

Tabbar Methods