Spinner 加载

介绍

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

引入

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

示例

加载类型

通过 type 属性可以设置加载图标的类型，可选值为 triple、snake、bounce、circle、dot 四种类型。

<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