1.在pages里面新建页面start.vue(名字自定义)
在这里插入图片描述

<template>
	<view class="start-wrap u-flex u-row-center">
		<image class="start-img" src="/static/start2.gif" mode="aspectFill" @load="loadImage"></image>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		onLoad() {
			setTimeout(() => {
				plus.navigator.closeSplashscreen();
			}, 500);
		},
		methods: {
			loadImage(){
				setTimeout(() => {
					uni.switchTab({
						url: '/pages/index/index'
					})
				}, 3000);
			}
		}
	}
</script>

<style lang="scss">
	page{height: 100%;}
	.start-wrap,.start-img{width: 100%;height: 100%;}
</style>

2.在pages.json里面配置启动图的路径,放在pages数组里面第一项,pages数组中第一项表示应用启动页

在这里插入图片描述
plus.navigator.closeSplashscreen();强制关闭启动页

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐