小程序 底部导航Tabbar

表白：多穿点 喝热水 那个女孩是我妹
讲解对象：小程序 底部导航Tabbar
作者：融水公子 rsgz
微信小程序教程

编辑app.json的tabbar以及相应的page

{
  "pages":[
    "pages/index/index",
    "pages/img/img",
    "pages/mime/mime",
    "pages/search/search",
    "pages/logs/logs"    
  ],
  "window":{
    "backgroundTextStyle":"dark", 
    "navigationBarBackgroundColor":"#0094ff",
    "navigationBarTitleText":"我的应用",
    "navigationBarTextStyle":"black",
    "enablePullDownRefresh":true,    
    "backgroundColor":"#e1e2e6"    
  },
  "tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首页",
      "iconPath": "icon/home_icon1.png",
      "selectedIconPath": "icon/home_icon.png"
    },
    {
      "pagePath": "pages/img/img",
      "text": "图片",
      "iconPath": "icon/publish_icon1.png",
      "selectedIconPath": "icon/publish_icon.png"
    },
    {
      "pagePath": "pages/mime/mime",
      "text": "我的",
      "iconPath": "icon/my_icon1.png",
      "selectedIconPath": "icon/my_icon.png"
    },
    {
      "pagePath": "pages/search/search",
      "text": "搜索",
      "iconPath": "icon/near1.png",
      "selectedIconPath": "icon/near.png"
    }
  ]
  },
  "style": "v2",
  "sitemapLocation": "sitemap.json"
}

运行结果：

  

谢谢大家的支持！可以点击我的头像，进入我的空间浏览更多文章呢。建议大家360doc[www.360doc.com]注册一个账号登录，里面真的有很多优秀的文章，欢迎大家的到来。
---