---
nav: default
---
### Spinner
<img width="100" src="http://qr.topscan.com/api.php?text=demo%2F%23%2Fcomponent%2Fspinner"/>
<a href="demo/#/component/spinner" target="_blank" style="font-size:12px;color:#888;">demo 原始链接：demo/#/component/spinner</a>


---
#### 演示
<div style="width:377px;height:667px;display:inline-block;border:1px dashed #ececec;border-radius:5px;overflow:hidden;">
<iframe src="demo/#/component/spinner" width="375" height="667" border="0" frameborder="0"></iframe>
</div>
#### demo 代码

``` html
<template>
  <div>
    <group>
      <cell
        v-for="(type, index) in types"
        :key="type"
        :title="type"
        :inline-desc="index === 3 ? 'size=40px' : ''"
      >
        <spinner
          :type="type"
          :size="index === 3 ? '40px' : ''"
        />
      </cell>
    </group>
  </div>
</template>

<script>
import { Spinner, Group, Cell } from '../components/_index'

export default {
  components: {
    Spinner,
    Cell,
    Group
  },
  data () {
    return {
      types: ['android', 'ios', 'ios-small', 'bubbles', 'circles', 'crescent', 'dots', 'lines', 'ripple', 'spiral']
    }
  }
}
</script>

```

#### Github Issue