# 跨平台说明
编译到不同平台时,宿主环境影响着整个程序。比如小程序下的原生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
2
3
4
5
6
7
# 编译到applet
编译到app
时,其他都没什么可变。如果想拦截启动屏,你可以在 pages.json
下配置一个过渡页面,进入启动页面时会触发路由守卫,然后再重定向到指定页面即可。
← TypeScript 中使用 路由构建 →