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&
·
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();强制关闭启动页
更多推荐
已为社区贡献3条内容
所有评论(0)