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

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

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

```vue
<template>
  <div>
    <Spin v-model="spinning" :mode="mode">
      <div class="deme-spin-container demo-back">
        床前明月光，疑是地上霜。<br />
        举头望明月，低头思故乡。
      </div>
    </Spin>
    <br />
    <br />
    Loading state：<k-switch v-model="spinning" />
    <br />
    <br />
    <RadioGroup v-model="mode">
      <Radio value="bounce" label="Bounce" />
      <Radio value="flip" label="Flip" />
      <Radio value="rotate" label="Rotate" />
      <Radio value="zoom" label="Zoom" />
    </RadioGroup>
  </div>
</template>
<script setup>
import { ref } from "vue";
const mode = ref("bounce");
const spinning = ref(false);
</script>
<style scoped>
.deme-spin-container {
  padding: 100px 50px;
}
</style>
```