微信小程序之引用WeUI组件库(二)

引用Tabbar组件

首先要安装好了 weui 组件库
如果没安装好 请看：引用WeUI组件库

别看了 我也没搞出来 不知道怎么用看文档 写不出来（可能是我比较菜）

## 出现的问题：不知道怎么跳转
有会的大哥 欢迎留言 我暂时放弃这个组件了 对新手不是太友好

启用了第二套方案 ： vant-weapp 香！香！香！！！！

以下内容暂时作废

微信官网链接：Tabbar组件
注：第一次我是没看懂，研究了一些时间 ，搜了很多文章一头雾水。
下面开始

1. 再 app.json 文件中加入 tabBar

代码： (加入这个字段 “custom”: true,)

"tabBar": {
	"custom": true,
    "color": "#7A7E83",
    "selectedColor": "#3cc51f",
    "borderStyle": "black",
    "backgroundColor": "#ffffff",
    "list": [
      {
        "pagePath": "pages/login/login",
        "iconPath": "image/icon_component.png",
        "selectedIconPath": "image/icon_component_HL.png",
        "text": "组件"
      },
      {
        "pagePath": "pages/index/index",
        "iconPath": "image/icon_API.png",
        "selectedIconPath": "image/icon_API_HL.png",
        "text": "接口"
      }
    ]
  },
  "usingComponents": {},

所有 tab 页的 json 里需声明 usingComponents 项，也可以在 app.json 全局开启

2. 添加 tabBar 代码文件
在代码根目录下添加入口文件:

custom-tab-bar/index.js
custom-tab-bar/index.json
custom-tab-bar/index.wxml
custom-tab-bar/index.wxss