首页 > 微信 > 详细

微信小程序底部tab配置

时间:2020-03-18 12:00:56      阅读:167      评论:0      收藏:0      [点我收藏+]

效果图:

技术分享图片

 

 

1.在app.json里头添加

"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开发,他们样式好看而且没啥坑  

微信小程序底部tab配置

原文:https://www.cnblogs.com/miaSlady/p/12516470.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!