微信小程序底部tab配置

效果图:

 

 

1.在app.json里头添加

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
"tabBar": {
    "color": "#bfbfbf",
    "selectedColor": "#1196db",
    "list": [
      {
        "text": "首页",
        "iconPath": "image/home1.png",
        "selectedIconPath": "image/home2.png",
        "pagePath": "pages/page1/page1"
      },
      {
        "text": "页面2",
        "iconPath": "image/icon_cloud.png",
        "selectedIconPath": "image/icon_cloud_HL.png",
        "pagePath": "pages/page2/page2"
      },
      {
        "text": "页面3",
        "iconPath": "image/icon_API.png",
        "selectedIconPath": "image/icon_API_HL.png",
        "pagePath": "pages/page3/page3"
      }
    ]
  },

2.根目录里面建image文件加图片(可在iconfont里头下图标图片)

注:建议配合vant weapp开发,他们样式好看而且没啥坑  

posted @   米牙  阅读(976)  评论(1编辑  收藏  举报
点击右上角即可分享
微信分享提示