加载 Spin ​

用于在合适区域内展示加载状态，提升用户等待体验。

基础用法 ​

基础的加载状态。

<template>
  <bp-spin loading/>
</template>

在容器中使用 ​

支持在容器中使用 loading 控制加载状态。

<template>
  <bp-spin loading tip="Just a minute...">
    <div class="demo-spin-box"></div>
  </bp-spin>
</template>

<style lang="less">
.demo-spin-box {
  width: 100%;
  height: 100px;
  border-radius: 6px;
  background-color: #f0f7fc;
}
</style>

Spin 属性 ​

loading
是否开启加载
Boolean
false
tip
加载提示文字
String
-