update
uni-simple-router 3.0 版本已发布,欢迎你的使用!

# 跨平台说明

编译到不同平台时,宿主环境影响着整个程序。比如小程序下的原生tabbar原生header这些动作的触发,路由插件都是无法做出拦截滴。如果你项目有页面有这样的需求,我建议换成自定义的。现在有很多的UI库可以使用,基本是复制粘贴即可。

# 跨平台

跨平台就是所有的代码只写一份,编译到不同平台都可使用。但是会有些hank需要处理,就像上面所说的一样。当然每个平台也有它独有的功能,详细可以查看编译到端时的说明。再说白一点,就是你按照目前这个跨平台模式配置及编写,基本能解决你所有端上95%的问题。其他5%的问题当然就是去看编译到端的说明啦

# 编译到H5

编译到h5时,js能全面的控制整个项目。不考虑跨平台的情况下可完全采用vue-router的模式进行开发。最大化利用好uni-simple-router的功能。 如果你还不了解 vue-router,可以移步 vue-router指南 如果你需要兼容跨平台,建议阅读跨平台模式相关教程

# 编译到app

编译到app时,如果你的首页是 nvue?请把他换成vue。同时你需要在manifest.json 下把 App常用其他设置 中的 fast启动模式 关闭掉。打开源码视图对比以下配置:



 

 



// 在源码视图下的 app-plus 节点下
"splashscreen" : {
    "alwaysShowBeforeRender" : false,
    "waiting" : true,
    "autoclose" : false,
    "delay" : 0
}
1
2
3
4
5
6
7

# 编译到applet

编译到app时,其他都没什么可变。如果想拦截启动屏,你可以在 pages.json 下配置一个过渡页面,进入启动页面时会触发路由守卫,然后再重定向到指定页面即可。