howezhong / custom-tab-bar

custom-tab-bar,自定义微信小程序底部导航栏

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

自定义小程序导航栏组件custom-tab-bar

借鉴了 Lin UI 组件库,Lin UI 是一套基于 微信小程序原生语法 实现的高质量 UI 组件库。遵循简洁、易用、美观的设计规范(文档Github

使用步骤

# 1. app.json 添加
"tabBar": {
  "custom": true,
}

# 2. page页面添加选中逻辑
onShow: function () {
  if (typeof this.getTabBar === 'function' && this.getTabBar()) {
    this.getTabBar().setData({
      selected: 1
    })
  }
}

异常

# tabbar切换会抖动, 未解决

About

custom-tab-bar,自定义微信小程序底部导航栏

License:MIT License


Languages

Language:JavaScript 100.0%