uniapp 启动图踩坑

目前公司有个需求 需要在app启动时展示两张图片，在通过baidu了解后，通过增加页面得方式并关闭默认uniapp中得manifest.json配置文件里面得默认启动效果后。进入设置得引导页面中。 好处是因为是页面我们可以做很多操作包括，引导注册，app介绍等很多信息。

目前我他通过定时器 切换了页面得图片，在5s后展示另一张图片。

但有个样式问题，我是用uniapp得API获取可视页面宽度和高度。并不是手机得完整数值，导致页面不能铺满。

最后使用 vw vh 这两个参数解决了这个问题。

代码

 // 5+App特有相关 * manifest.json
        "splashscreen" : {
            "alwaysShowBeforeRender" : false, // 白屏时是否开启程序启动界面
            "waiting" : false, // 程序启动界面是否显示等待雪花
            "autoclose" : true, // App引擎是否自动关闭程序启动界面
            "delay" : 0 // 启动界面在应用的首页面加载完毕后延迟关闭的时间
        },

<!-- 页面代码 -->
<template>
    <image class="imageBox" :src="imgUrl" :style="{width: '100vw',height: '100vh'}" mode=""></image>
</template>

// page.json 中pages这一项得第一项中增加引导页
"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
        {
            "path": "pages/tabBar/home/homeFirst",
            "style": {
                "navigationBarTitleText": "",
                "app-plus": {
                    "titleNView": false
                }
            }
        },
]