kui-vue/components/spin/demo/container.md

A lightweight desktop UI component library suitable for Vue.js 2.

<cn>
### 卡片加载中
可以直接把内容内嵌到 Spin 中，将现有容器变为加载状态。
</cn>

```vue
<template>
  <div>
    <Spin v-model="spinning">
      <div class="deme-spin-container demo-back">
        床前明月光，疑是地上霜。<br />
        举头望明月，低头思故乡。
      </div>
    </Spin>
    <br />
    <br />
    Loading state：<KSwitch v-model="spinning" />
  </div>
</template>
<script setup>
import { ref } from "vue";
const spinning = ref(false);
</script>
<style scoped>
.deme-spin-container {
  padding: 100px 50px;
}
</style>
```