微信小程序 设置底部导航

tabBar  指底部的 导航配置属性

color  未选择时 底部导航文字的颜色

selectedColor  选择时 底部导航文字的颜色

borderStyle  底部导航边框的样色（注意 这里如果没有写入样式 会导致 导航框上边框会出现默认的浅灰色线条）

list   导航配置数组

selectedIconPath 选中时 图标路径

iconPath 未选择时 图标路径

pagePath 页面访问地址

text  导航图标下方文字

 

 "tabBar": {
    "color": "#a9b7b7",
    "selectedColor": "#11cd6e",
    "borderStyle": "white",
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "home",
        "iconPath": "images/home.png",
        "selectedIconPath": "images/home1.png"
      },{
          "pagePath": "pages/logs/logs",
          "text": "news",
          "iconPath": "images/news.png",
          "selectedIconPath": "images/news1.png"
      },{
        "pagePath": "pages/test/test",
        "text": "Test",
        "iconPath": "images/story.png",
        "selectedIconPath": "images/story1.png"
      }
    ]
  }

欢迎访问我的网站

 

 

欢迎 ⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️

< END >

程序员NBA

一个有故事的程序员

或者加我微信1414200300一起讨论java技术，有什么问题群里人也可以帮你一起解决