uniapp-app/pages/loading/loading.vue
2025-11-13 08:41:08 +08:00

31 lines
575 B
Vue

<template>
<navBar :showLeft="false" :title="'加载中...'"></navBar>
<view class="loading-page"></view>
</template>
<script setup>
import { onMounted } from 'vue';
import { onLoad,onUnload,onHide,onShow } from '@dcloudio/uni-app';
import navBar from '@/components/navBar/navBar.vue';
onShow(() => {
uni.showLoading({
title: '加载中...',
mask: true
});
});
onUnload(() => {
uni.hideLoading();
});
onHide(() => {
uni.hideLoading();
});
</script>
<style scoped lang="scss">
.loading-page{
width: 100%;
height: 100%;
background: #fff;
}
</style>