Spinner

加载动画。

引入

  1. import { Spinner } from 'we-vue'
  2. Vue.use(Spinner)

例子

默认例子

  1. <wv-group>
  2. <wv-cell title="default">
  3. <wv-spinner type="default" slot="ft"></wv-spinner>
  4. <wv-spinner type="snake" slot="ft"></wv-spinner>
  5. </wv-cell>
  6. </wv-group>

指定大小

  1. <wv-group>
  2. <wv-cell title="default">
  3. <wv-spinner type="default" :size="25" slot="ft"></wv-spinner>
  4. <wv-spinner type="snake" :size="25" slot="ft"></wv-spinner>
  5. </wv-cell>
  6. </wv-group>

指定颜色

  1. <wv-group>
  2. <wv-cell title="default">
  3. <wv-spinner type="default" color="red" slot="ft"></wv-spinner>
  4. <wv-spinner type="snake" color="red" slot="ft"></wv-spinner>
  5. </wv-cell>
  6. </wv-group>

API

参数类型说明可选值默认值
typeString显示类型'default','snake','double-snake','bar-circle','dot-circle''default'
colorString颜色'#ccc'
sizeNumber尺寸,单位为 px17