uni-app启动图的简单实现

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();强制关闭启动页