animate-box-vue
v1.0.5
Published
动画库封装
Downloads
7
Readme
animate-vue
基于Vue动画库封装
使用说明
# 第一步
在自己项目中
npm i animate-box-vue
# 第二步
在main.js中
import animateBoxVue from 'animate-box-vue'
Vue.use(animateBoxVue)
# 第三步
<animate-box animateName="shakeX">
<span>Vue</span>
</animate-box>
# 参数说明
1.动画名(https://animate.style/)
animateName: {
type: String,
default: ''
},
2.延迟时间(max => 5)
delay: {
type: Number,
default: 1
},
3.循环次数(max => 3)
count: {
type: Number,
default: ''
}
4.类型(infinite = > 循环(ps:当count设置了值,count会覆盖infinite))
(faster => 迅速)
(fast => 快的)
(slow => 慢的)
(slower => 缓慢)
type: {
type: String,
default: ''
}
by:lafitewu 2021-03-08更新