我是以四个tabbar来分的,分别是:首页-shouye、二手-ershou、经验-jingyan、我的-wode
1、这四个页面是tabbar.vue页面,全部放在pages.json的pages数组对象下面,官网有格式。
2、并且创建四个同名目录,
3.pages实现
"subPackages": [{
"root": "shouye",
"pages": [{
"path": "fbhq/fbhq"
}]
}, {
"root": "ershou",
"pages": [{
"path": "essp/essp"
}]
}, {
"root": "jingyan",
"pages": [{
"path": "wdxx/wdxx"
}
]
}, {
"root": "wode",
"pages": [{
"path": "wdjs1/wdjs1"
},
{
"path": "wdjs2/wdjs2"
}
]
}],
预加载:
"preloadRule": {
"pages/shouye/shouye": {
"network": "all",
"packages": ["shouye"]
},
"pages/ershou/ershou": {
"network": "all",
"packages": ["ershou"]
},
"pages/jingyan/jingyan": {
"network": "all",
"packages": ["jingyan"]
},
"pages/wode/wode": {
"network": "all",
"packages": ["wode"]
}
},
pages/shouye/shouye 意思为你进入此tabbar页面就进行预加载,这写四个大tabbar名字就行。
network是需要如何加载,是wifi还是all。我选的all,因为不可能只用wifi加载。
packages是你要加载的主页面,里面就写一个,就写和pages同级的四个分包目录,其实就是四个大tabbar名字。意思为一旦进入到四大tabbar,立马加载当前呆的tabbar下,所有的子页面,我试了一下,感觉快了一点点。白屏时间减少一点点。