fix: 加载优化
This commit is contained in:
@@ -1,27 +1,5 @@
|
||||
<script setup lang="ts">
|
||||
onMounted(() => {
|
||||
// completeLoading();
|
||||
// const event = new Event('vue-ready');
|
||||
// window.dispatchEvent(event);
|
||||
completeLoading();
|
||||
});
|
||||
|
||||
// 完成加载并隐藏动画
|
||||
function completeLoading() {
|
||||
const loader = document.getElementById('loader');
|
||||
const progressBar = document.getElementById('progress-bar');
|
||||
const progressText = document.getElementById('progress-text');
|
||||
// 确保进度是100%
|
||||
progressBar!.style.width = `${100}%`;
|
||||
progressText!.textContent = `${Math.round(100)}%`;
|
||||
// 淡出加载动画
|
||||
setTimeout(() => {
|
||||
//loader!.style.opacity = '100';
|
||||
setTimeout(() => {
|
||||
loader!.style.display = 'none';
|
||||
}, 500);
|
||||
}, 300);
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
|
||||
Reference in New Issue
Block a user