app.json

{
"pages": [
"pages/tab1/tab1",
"pages/tab2/tab2",
"pages/tab3/tab3"
],


"window": {
"backgroundTextStyle": "light",
"navigationStyle": "custom"
},


"tabBar": {
"list": [

{
"text": "tab1",
"pagePath": "pages/tab1/tab1"
},
{
"text": "tab2",
"pagePath": "pages/tab2/tab2"
},
{
"text": "tab3",
"pagePath": "pages/tab3/tab3"
}
]
}
}






tab1.wxml




tab2.wxml
This is tab2



tab3.wxml

This is tab3



index.js
//这是首页，首页同样使用了web-view
Page({
onLoad: function(option) {
// 如果携带某参数，则实现自动跳转
if (option.shouldAutoSwitchTab) {
// 此处如果设置自动跳转到tab1，然后用户再通过点击下方tabbar来跳转到tab2和tab3的时候会看到上方出现了不该出现的navigationbar，如果自动跳转到tab2或者tab3，则一切正常，需要使用真机测试
wx.switchTab({ url: '../tab1/tab1' });
}
}
})



index.wxml