微信小程序底部菜單欄的使用方法

本文轉載自查看原文 2018-01-23 11:46 5629 底部導航欄/ 微信小程序

1、找到項目根目錄的配置文件 app.json，在配置文件中加入配置代碼。例如：

 1 "tabBar": {  <!--底部的導航配置屬性-->
 2    "color": "為選擇時底部導航欄的顏色",  
 3    "selectedColor": "選中時底部導航欄的顏色",  
 4    "borderStyle":"底部導航欄邊框樣式",  
 5    "list": [{  <!--導航配置數組-->
 6      "selectedIconPath": "選中時的圖片路徑",  
 7      "iconPath": "未選中時的圖片路徑",  
 8      "pagePath": "頁面訪問地址",  
 9      "text": "首頁"  
10    }, {  
11      "selectedIconPath": "選中時的圖片路徑",  
12      "iconPath": "未選中時的圖片路徑",  
13      "pagePath": "頁面訪問地址",  
14      "text": "會員"  
15    }, {  
16      "selectedIconPath": "選中時的圖片路徑",  
17      "iconPath": "未選中時的圖片路徑",  
18      "pagePath": "頁面訪問地址",  
19      "text": "訂單"  
20    }]  
21  },

具體可參考微信小程序官方文檔。https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 微信小程序添加底部導航欄微信小程序tabBar 不顯示底部菜單的原因和解決方法微信小程序————模板使用方法微信小程序中weui使用方法微信小程序 weui 使用方法微信小程序節流使用方法底部菜單欄（一） TabHost實現微信小程序設置底部導航欄目方法微信公眾號關注界面的菜單欄跟實際的菜單欄不一致【微信小程序】自定義抽屜式菜單（底部，從下向上拉出）