微信小程序之tabBar

三张页面关联类似如上
在app.json中定义复制后删掉注解
“tabBar”: {
“color”:"#000000", //定义颜色
“selectedColor”:"#FF670c",//定义字体

"list": [{
  "pagePath": "pages/storeindex/storeindex", //定义首页的路径
  "text": "首页",
  "iconPath": "images/ic_tab_index_normal.png", //点击之前图片呈现
  "selectedIconPath": "images/ic_tab_index_selected.png"//点击之后图片呈现
},
{
  "pagePath": "pages/message/message",//定义消息的路径
  "text": "消息",
  "iconPath": "images/ic_tab_msg_normal.png",//点击之前图片呈现
  "selectedIconPath": "images/ic_tab_msg_selected.png"//点击之后图片呈现
},
{
  "pagePath": "pages/me/me",//定义页面的路径
  "text": "我",
  "iconPath": "images/ic_tab_me_normal.png",//点击之前图片呈现
  "selectedIconPath": "images/ic_tab_me_selected.png"//点击之后图片呈现
}]

}
定义三个目录名

1.storeindex
  <!--web-view标签相当于浏览器 路径则为后端获取的页面-->
<web-view src="http://172.209.30.111/1811/index.html"></web-view>

2.me.wxml
 <text>我</text>

3.message.wxml
  <text>消息</text>

跳转页面不为nacigateTo
var app=getApp();
page({
Longin:function(){
wx.switchTab({
url: ‘…/storeindex/storeindex’,
})
}
})