携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第3天，点击查看活动详情
uni-app是流行跨端开发框架之一，其采用Vue.js框架，开发者编写一套代码，即可发布到ios、Android、H5、微信小程序、支付宝小程序、钉钉小程序等多个平台。
uni-app的APP项目，启动页和引导页是两个不同的概念。其中启动页是在uni-app的全局文件manifest.json中配置，而引导页则需要我们开发。
App启动页，顾名思义，就是APP在初次运行时所展示的内容。uni-app项目默认的启动是展示App的logo和名称，围绕logo有一个圆圈的进度条，如下图所示：
我们定位到项目中的manifest.json的App启动界面配置，manifest.json默认时可视化的json配置，我们也可以在左侧导航最后一个菜单，选择源码视图编辑：
接下来，分别介绍一下各个选项和设置：
-
启动界面选项
等待首页渲染完毕后再关闭Splash图，其逻辑是，当勾选为true时，启动时会检测首页是否渲染完毕，渲染完毕后，才关闭启动页；反之，则表示首页加载完成后就会关闭启动界面，如果首页没有渲染完毕，可能会出现白屏现象，为了用户体验，强烈建议勾选。
"app-plus" : { "splashscreen" : { "alwaysShowBeforeRender" : true } } -
Android启动界面设置
通用启动界面就是默认的启动页，我们可以勾选自定义启动图，来达到个性页面效果:
为了适配安卓的多样性，需要设定三个不同大小分辨率的启动图片。需要注意的是，设定好图片后，在真机调试基座运行上，不会展示设定的图片，需要进行云打包后生效，效果如下：
在Android平台上，为了适配更多的分辨率，亦可采用.9.png图片，实现设计一次，减少apk体积的目的，具体参见：Android平台启动图使用.9.png图片
-
IOS启动界面设置
IOS平台如果设置自定义启动图，在appstore会无法过审。apple提供一种叫
Storyboard的布局界面，它通过XML语言来描述界面。可以通过uni-app提供的Storyboard模板文件来编辑，或者使用mac电脑中的xcode来设计。具体参见：自定义storyboard启动界面
