组件

Spinner 加载

加载旋转指示器，可嵌在按钮或页面居中。

尺寸

<div class="pvs-cluster pvs-items-center">
  <span class="pvs-spinner">
  </span>
  <span class="pvs-spinner pvs-spinner--sm">
  </span>
  <span class="pvs-spinner pvs-spinner--lg">
  </span>
</div>

深色底浅色

<div class="pvs-p-4 pvs-bg-primary pvs-inline-block pvs-rounded-md">
  <span class="pvs-spinner pvs-spinner--light">
  </span>
</div>

按钮内

<button type="button" class="pvs-btn pvs-btn--primary" disabled>
  <span class="pvs-spinner pvs-spinner--sm pvs-spinner--light">
  </span> 加载中…</button>

Ring variant

pvs-spinner--ring 缺口圆环变体。

<div class="pvs-cluster pvs-items-center">
  <span class="pvs-spinner pvs-spinner--ring">
  </span>
  <span class="pvs-spinner pvs-spinner--ring pvs-spinner--lg">
  </span>
</div>

类名速查

类名	说明
`pvs-spinner`	默认尺寸
`pvs-spinner--sm / --lg`	小 / 大
`pvs-spinner--light`	浅色（深底上用）
`pvs-spinner--ring`	缺口圆环