Spinner 加载

介绍

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

引入

import { Spinner } from 'mind-ui-vue';
Vue.use(Spinner);

示例

加载类型

通过 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" />

Api

Props

参数	说明	类型	可选值	默认值
type	类型	String	triple snake bounce circle dot	snake
color	颜色	String	—	primary