# Spinner 加载

# 介绍

加载图标,用于表示加载中的过渡状态。

# 引入

"usingComponents": {
	"m-spinner": "mind-ui-weapp/spinner/index"
}

# 示例

# 加载类型

通过 type 属性可以设置加载图标的类型,可选值为 triplesnakebouncecircledot 四种类型。

<m-spinner type="triple" />
<m-spinner type="snake" />
<m-spinner type="bounce" />
<m-spinner type="circle" />
<m-spinner type="dot" />

# 自定义颜色

通过 color 属性设置加载图标的颜色。

<m-spinner type="triple" color="#f60" />

<!-- triple 可接收三个合法颜色值,分别对应三个不同区域 -->
<m-spinner type="triple" color="#f60, #7fd901, #36a2e0" />

# Properties

参数 说明 类型 可选值 默认值
custom-class 自定义样式类名 String
size 大小 String small medium large medium
type 类型 String triple snake bounce circle dot snake
color 颜色 String primary