Loader 加载中

33 阅读1分钟

用于页面和区块的加载中状态。

何时使用

页面局部处于等待异步数据或正在渲染过程时,合适的加载动效会有效缓解用户的焦虑。

演示

点击显示

代码

  <button class="btn btn-primary btn-large" @click.prevent="isShow = true">点击显示</button>
    <loader v-if="isShow">
      <button class="btn btn-primary btn-large d-block" @click.prevent="isShow = false">
        点击隐藏
      </button>
    </loader>

Loader 属性和事件

属性或事件类型默认说明
textstring-额外的文本
backgroundstring-背景颜色