Use SVG for loading.
Demo: https://jkchao.github.io/vue-loading/
npm install vue-loading-template --save
Prop | Type | Required | Default | Available values |
---|---|---|---|---|
type | String | false | balls | balls, bars, beat, bubbles, cylon, spin, spiningDubbles, barsCylon |
color | String | false | #5ac1dd | |
size | Object | false | { width: '30px', height: '30px' } |
<template>
<div>
<h2>bars</h2>
<vue-loading type="bars" color="#d9544e" :size="{ width: '50px', height: '50px' }"></vue-loading>
</div>
</template>
<script>
import vueLoading from 'vue-loading-template'
export default {
name: 'app',
components: {
vueLoading
}
}
</script>
MIT