Spinner

加载动画。

引入

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

例子

默认例子

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

指定大小

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

指定颜色

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

API

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