EpicSpinners是一组易于使用的纯css打造的网页Loading效果,并且同时整合了Vue组件可以方便的在Vue项目中进行使用,由于是纯css打造,你可以在任意网页项目中自行整合并使用!
Github https://github.com/epicmaxco/epic-spinners
Vue整合
虽然存在了纯css的代码,但是官方整合了vue组件,拿来即用
安装
npm install --save epic-spinners
<template>
<div id="app">
<atom-spinner
:animation-duration="1000" :size="60" :color="'#ff1d5e'"
/>
</div>
</template>
<script>
// To use minified css and js files instead of .vue single file components:
// import 'epic-spinners/dist/lib/epic-spinners.min.css'
// import {AtomSpinner} from 'epic-spinners/dist/lib/epic-spinners.min.js'
import {AtomSpinner} from 'epic-spinners'
export default {
components: {
AtomSpinner
}
}
</script>