微信小程序自定义tabbar（官方custom

自定义tabbar（官方custom"/>

微信小程序自定义tabbar（官方custom

首先我们先看一下具体功能

一、修改 app.json 文件，将 tabBar修改为自定义tab，list 保持不变，最多5个

 "tabBar": {"custom": true,"list": [{"pagePath": "pages/main-HY/index","text": "货源","iconPath": "/images/tabbar/货源icon48＊48@2x.png","selectedIconPath": "/images/tabbar/货源icon@2x.png"},{"pagePath": "pages/main-SXY/index","text": "商学院","iconPath": "/images/tabbar/商学院icon@2x.png","selectedIconPath": "/images/tabbar/商学院icon48＊48@2x.png"},{"pagePath":  "pages/main-DZZX/index","text": "店主中心","iconPath": "/images/tabbar/店主中心icon@2x.png","selectedIconPath": "/images/tabbar/店主中心icon48＊48@2x.png"}]},

二、在项目的根目录新建 custom-tab-bar，这个文件就是微信已经帮我们定义好了，只需要新增文件，就可以微信自动读取