epic-spinners 介绍
精心制作了一系列用css动画制作的加载 效果 ,既可以作为html / css 代码 片段,也可以轻松定制为vue.js组件。 ?
安装
npm install --save epic-spinners
用法 ;vue.js 用法 示例
<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/ dis t/lib/epic-spinners.min.css'
// import {AtomSpinner} from 'epic-spinners/ dis t/lib/epic-spinners.min.js'
// To get tree shaking from webpack (won't import all spinners when you only need one)
// import AtomSpinner from 'epic-spinners/src/components/lib/AtomSpinner'
import {AtomSpinner} from 'epic-spinners'
export default {
components: {
AtomSpinner
}
}
</script>
网站地址 : https://epic-spinners.epicmax.co/#/
GitHub: https://github.com/epicmaxco/epic-spinners
网站描述: 一系列使用方便的 CSS 加载 效果 集合组件
epic-spinners官方网站
官方网站: https://epic-spinners.epicmax.co/#/
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。