微信小程序底部菜单详解

avatar
avatar
loveatj
82
文章
12
评论
2017年10月11日22:58:34 评论 149

只需要在app.json里面修改配置,即可 

  1. {  
  2.   "pages":[  
  3.     "pages/index/index",  
  4.     "pages/nav1/index",  
  5.     "pages/nav2/index",  
  6.     "pages/nav3/index",  
  7.     "pages/nav4/index"  
  8.   ],  
  9.   "window":{  
  10.     "backgroundTextStyle":"light",  
  11.     "navigationBarBackgroundColor""#fff",  
  12.     "navigationBarTitleText""清河县黄页",  
  13.     "navigationBarTextStyle":"black"  
  14.   },  
  15.   "tabBar": {  
  16.     "color""#CACACA",  
  17.     "selectedColor""#F40",  
  18.     "borderStyle""black",  
  19.     "backgroundColor""#ffffff",  
  20.     "list": [  
  21.       {  
  22.         "pagePath""pages/index/index",  
  23.         "text""首页",  
  24.         "iconPath""pages/images/form.png",  
  25.         "selectedIconPath""pages/images/map.png"  
  26.       },  
  27.       {  
  28.         "pagePath""pages/nav1/index",  
  29.         "text""服务",  
  30.         "iconPath""pages/images/form.png",  
  31.         "selectedIconPath""pages/images/map.png"  
  32.       },  
  33.       {  
  34.         "pagePath""pages/nav2/index",  
  35.         "text""餐饮",  
  36.         "iconPath""pages/images/form.png",  
  37.         "selectedIconPath""pages/images/map.png"  
  38.       },  
  39.       {  
  40.         "pagePath""pages/nav3/index",  
  41.         "text""医疗",  
  42.         "iconPath""pages/images/form.png",  
  43.         "selectedIconPath""pages/images/map.png"  
  44.       },  
  45.       {  
  46.         "pagePath""pages/nav4/index",  
  47.         "text""关于",  
  48.         "iconPath""pages/images/nav.png",  
  49.         "selectedIconPath""pages/images/media.png"  
  50.       }  
  51.     ]  
  52.   }  
  53. }  
weinxin
我的微信公众号(YoungDoctor)
微信扫一扫
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: