说到小程序的开发,最先接触的应该就是tabbar了吧,开发文档里面有关于tabbar的详细开发介绍,这里就不多说了,现在是想搞一搞微信开发文档里的自定义tabbar。这里并不是照搬开发文档里的DEMO,我是将自定义tabbar和weui做了个结合
1.小程序引入WeUI
WeUI就是微信小程序的扩展库,最简单的引入方式如下。在app.json中加入
"useExtendedLib": {
"weui": true
},
2.tabbar设置
先按照微信开发文档中的自定义tabbar设置,具体参考链接: 自定义tabbar.
2.1配置信息
"tabBar": {
"custom": true,
"color": "#7A7E83",
"selectedColor": "#3cc51f",
"borderStyle": "black",
"backgroundColor": "#ffffff",
"list": [
{
"text": "主页",
"pagePath":"pages/index/index",
"iconPath": "/static/icon-gaojin-0.png",
"selectedIconPath": "/static/icon-gaojin-1.png"
}