小程序入门与实战

设置路由和tabbar选项卡

属性	解释
pagePath	要跳转的tab页面
text	tab选项卡上的文字
iconPath	未选中时tab选项卡上的图片路径
selectedIconPath	选中时tab选项卡上的图片路径

{
  "pages": [
    "pages/start/start",
    "pages/featured/featured",
    "pages/find/find",
    "pages/classify/classify",
    "pages/shopingcart/shopingcart",
    "pages/me/me",
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle": "black"
  },
  "tabBar": {
    "list": [{
      "pagePath": "pages/featured/featured",
      "text": "精选",
      "iconPath": "images/nav/select-off.png",
      "selectedIconPath": "images/nav/select-on.png"
    },{
      "pagePath": "pages/find/find",
      "text": "发现",
      "iconPath": "images/nav/find-off.png",
      "selectedIconPath": "images/nav/find-on.png"
    },
    {
      "pagePath": "pages/find/find",
      "text": "分类",
      "iconPath": "images/nav/classification-off.png",
      "selectedIconPath": "images/nav/classification-on.png"
    },
    {
      "pagePath": "pages/find/find",
      "text": "购物",
      "iconPath": "images/nav/cart-off.png",
      "selectedIconPath": "images/nav/cart-on.png"
    },
    {
      "pagePath": "pages/find/find",
      "text": "我的",
      "iconPath": "images/nav/my-off.png",
      "selectedIconPath": "images/nav/my-on.png"
    }]
  },
  "style": "v2",
  "sitemapLocation": "sitemap.json"
}

设置跳转tab页

关键字	解析
switchTab	跳转到对应选项卡页面

Page({

  /**
   * 页面的初始数据
   */
  data: {

  },
  joinHome: function(event) {
    console.log("joinHome")
    wx.switchTab({
      url: '/pages/featured/featured',
      success: function() {
        console.log("success")
      },
      fail: function() {
        console.log("fail")
      },
      complete: function() {
        console.log("complete")
      }
    })
  },
  }）