Skip to content

LoadingMask 加载遮罩

全屏 “生成世界中” 加载遮罩,带渐隐过渡。

vue
<script setup lang="ts">
import { ref } from 'vue'
const loading = ref(true)
// 数据就绪后:loading.value = false
</script>

<template>
  <mc-loading-mask :visible="loading" text="生成世界中" />
</template>

Props

名称类型默认说明
visiblebooleantrue是否显示
textstring'生成世界中'加载文案

通过 <Teleport to="body"> 全屏渲染,visible=false 时 0.8s 渐隐。

MIT Licensed · 设计语言移植自 Spectrollay-McUI