码迷,mamicode.com
首页 > 微信 > 详细

微信小程序(一)

时间:2018-01-18 15:02:39      阅读:254      评论:0      收藏:0      [点我收藏+]

标签:sdn   用户   tabbar   gpo   数组   pat   span   颜色   设置   

一: 设置微信小程序底部导航栏

我们找到项目根目录中的配置文件 app.json 加入如下配置信息

"tabBar": {  
   "color": "#a9b7b7",  
   "selectedColor": "#11cd6e",  
   "borderStyle":"white",  
   "list": [{  
     "selectedIconPath": "images/111.png",  
     "iconPath": "images/11.png",  
     "pagePath": "pages/index/index",  
     "text": "首页"  
   }, {  
     "selectedIconPath": "images/221.png",  
     "iconPath": "images/22.png",  
     "pagePath": "pages/logs/logs",  
     "text": "日志"  
   }, {  
     "selectedIconPath": "images/331.png",  
     "iconPath": "images/33.png",  
     "pagePath": "pages/test/test",  
     "text": "用户"  
   }]  
 },  

tabBar  指底部的 导航配置属性

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

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

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

list   导航配置数组

selectedIconPath 选中时 图标路径

iconPath 未选择时 图标路径

pagePath 页面访问地址

text  导航图标下方文字

原文取自  CSDN上的一位好友, 忘记叫什么了, 抱歉

 

微信小程序(一)

标签:sdn   用户   tabbar   gpo   数组   pat   span   颜色   设置   

原文地址:https://www.cnblogs.com/LoveAndPeace/p/8310047.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!