1. 什么是uniapp启动页?
Uniapp启动页即为APP在打开时展示的欢迎界面,通常包含LOGO、品牌信息和App名称等内容,其目的是为了提升用户体验,让用户感到应用程序运行速度更快,同时加强品牌形象。
2. uniapp启动页的作用
1. 提升用户体验:启动页可以让用户在等待App加载时呈现一种视觉效果,让用户感觉应用程序运行速度更快。
2. 宣传品牌:在启动页上添加一些品牌信息,可提升品牌形象。
3. uniapp启动页的修改方法
3.1 修改默认启动页
uniapp默认启动页可以在项目根目录下的manifest.json
文件中修改,如下:
// manifest.json
{
"app": {
"launch_path": "/pages/index/index",
"icon": "/static/favicon.png",
"name": "uniapp启动页",
"versionName": "1.0.0",
"versionCode": 1,
"minPlatformVersion": "1033",
"display": "standalone", // 所有平台应用一致性打开方式
"orientation": "portrait" // 所有平台应用一致性屏幕方向
}
}
在manifest.json
文件中,我们可以修改"icon"
、"name"
、"versionName"
、"versionCode"
等参数来修改默认启动页的信息。
3.2 自定义启动页
如果要自定义启动页,可以在项目根目录下的pages.json
文件中设置"app-plus": {}
配置项,具体代码如下:
// pages.json
{
"pages": [
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "uniapp启动页"
}
}
],
"app-plus": {
"splashscreen": {
"image": "/static/splash.png",
"imageUrl": "",
"backgroundColor": "#FFFFFF",
"fadeOutDuration": 200,
"duration": 3000,
"android": {
"showDuration": 0,
},
"ios": {}
}
}
}
在"splashscreen"
对象中,我们可以设置"image"
或"imageUrl"
来设置启动页的图片,"backgroundColor"
来设置背景色,"duration"
来设置启动页展示时间等。
3.3 去掉uniapp启动页
如果不需要启动页,可以在项目根目录下的manifest.json
文件中设置"plus": {"splashscreen": {"autoclose": false}}
,代码如下:
// manifest.json
{
"plus": {
"splashscreen": {
"autoclose": false,
}
}
}
这样启动APP时,等待未知时间后才会自动进入应用程序。但是,由于启动APP时还需要加载应用程序的JS文件,如果网络速度较慢,可能会出现一片空白。
4. 结语
以上就是uniapp启动页的相关内容,根据实际需要可以进行相应的修改或取消,既提升了用户体验,又加强了品牌形象。