v-loading

使用示例

<div v-loading="loading">content</div>

代码演示

基本使用

content

<script setup lang="ts">
import { ref } from 'vue'

const loading = ref(false)
</script>

<template>
  <f-space direction="vertical" align="center" style="width: 100px">
    <div class="loading-content" v-loading="loading">content</div>
    <f-button :loading="loading">加载中</f-button>
    <f-button type="primary" @click="loading = !loading">切换</f-button>
  </f-space>
</template>

<style lang="less" scoped>
.loading-content {
  border: 1px solid #dddddd;
  padding: 20px;
}
</style>