Spin

代码演示

如何引入

import { Spin } from '@chenzy-design/svelte';

基本用法

尺寸

组件定义了三种尺寸：大、中（默认）、小。

带文字的

通过 tip 属性可设置当 Spin 用作包裹元素时的文字。

自定义指示符

可以通过设置 indicator 属性自定义 Spin 的指示符样式。

延迟显示

通过 delay 设置延迟显示 loading 的效果 组件是否处于 loading 状态由传入的 spinning 值决定，loading 为受控属性

API 参考

文案规范

• 准确地说明加载状态，使用比如”Loading”, “Submitting”, “Processing”等词
• 使用尽量少的词汇去描述状态

FAQ

• 怎么修改 icon 的颜色？

  可以通过给 .cd-spin-wrapper 类添加 color 属性覆盖原有的颜色（推荐以更高权重覆盖）

  .custom .cd-spin-wrapper {
    color: red;
  }