uniapp启动图全屏

设置全屏启动图的方法

在uniapp中实现全屏启动图需要针对不同平台进行配置，以下是具体操作方式：

Android平台配置 修改项目根目录下的manifest.json文件，找到Android配置部分：

"android": {
  "fullScreen": true,
  "splashscreen": {
    "alwaysShowBeforeRender": false,
    "waiting": true,
    "autoclose": true,
    "delay": 0
  }
}

iOS平台配置 在同一个manifest.json文件中找到iOS配置部分：

"ios": {
  "fullScreen": true,
  "splashscreen": {
    "alwaysShowBeforeRender": false,
    "waiting": true,
    "autoclose": true,
    "delay": 0
  }
}

启动图尺寸规范

全屏启动图需要准备多套分辨率适配不同设备：

• Android：建议提供1920x1080、1280x720等常见分辨率
• iOS：需要提供@1x、@2x、@3x三种尺寸的图片

自定义启动页延迟关闭

如需控制启动页显示时间，可在App.vue的onLaunch生命周期中添加延迟逻辑：

setTimeout(() => {
  plus.navigator.closeSplashscreen()
}, 3000) // 3秒后关闭

注意事项

1. H5平台不支持原生启动图，需要自行实现CSS方案
2. 真机调试时部分Android机型可能需要清除缓存才能生效
3. 图片建议使用PNG格式以保证显示质量
4. 启动图内容应避开系统状态栏区域

常见问题解决

启动图显示异常时可尝试以下操作：

• 检查图片尺寸是否符合平台要求
• 确认manifest.json配置已保存并重新打包
• 清除应用数据后重新安装
• 检查图片命名规范是否遵循平台规则