YangTao
厌浅尝辄止喜有始有终
E.t's Blog
微信小程序tabBar的实现
微信小程序tabBar的实现

刚入手微信小程序,在此记录更加增加自己的记忆和经后的使用,也方便分享下学习进度

一,在小程序项目里,app.json设置,并且list必须大于2

贴上代码图

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"black"
  },"tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首页",
      "iconPath": "pages/img/home.png",
      "selectedIconPath": "pages/img/home-hover.png"
    },{
      "pagePath": "pages/index/index",
      "text": "会员中心",
      "iconPath": "pages/img/people.png",
      "selectedIconPath": "pages/img/people-hover.png"
    }]
  }
}

 

没有标签
首页      SmallAPP      微信小程序tabBar的实现
https://secure.gravatar.com/avatar/77f815bec37eb34e2eef92ae146f899a?s=256&d=mm&r=g

et

文章作者

发表评论

textsms
account_circle
email

E.t's Blog

微信小程序tabBar的实现
刚入手微信小程序,在此记录更加增加自己的记忆和经后的使用,也方便分享下学习进度 一,在小程序项目里,app.json设置,并且list必须大于2 贴上代码图 { "pages":[ "pages/in…
扫描二维码继续阅读
2018-08-10