微信小程序页面底部Tabbar配置，页面导航跳转及传值

对于微信小程序页面底部Tabbar配置，可以在app.json文件中设置tabBar属性，如下所示：

{
  "tabBar": {
    "color": "#999999",
    "selectedColor": "#1296db",
    "backgroundColor": "#ffffff",
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页",
        "iconPath": "assets/images/tabbar/home.png",
        "selectedIconPath": "assets/images/tabbar/home-active.png"
      },
      {
        "pagePath": "pages/mine/mine",
        "text": "我的",
        "iconPath": "assets/images/tabbar/mine.png",
        "selectedIconPath": "assets/images/tabbar/mine-active.png"
      }
    ]
  }
}

其中，color表示未选中时的文字颜色，selectedColor表示选中时的文字颜色，backgroundColor表示Tabbar的背景颜色，list表示Tabbar的列表，每个列表项包括pagePath、text、iconPath、selectedIconPath四个属性，分别表示页面路径、文字、未选中时的图标路径、选中时的图标路径。

关于页面导航跳转及传值，可以使用小程序提供的wx.navigateTo和wx.redirectTo方法进行页面跳转，并通过url参数传递数据。例如：

// index.js
wx.navigateTo({
  url: '/pages/detail/detail?id=123'
})

// detail.js
Page({
  onLoad: function(options) {
    console.log(options.id) // 输出123
  }
})

在跳转时，可以通过url参数传递数据，接收时可以在onLoad方法的options参数中获取到。如果需要传递复杂的数据，可以使用小程序提供的wx.setStorageSync和wx.getStorageSync方法进行本地存储和读取。