anime在vue项目中的使用
1、安装npm install animejs -S2、在项目中使用import anime from 'animejs'watch: {listData() {this.listAnimate();}}getResterListByParams(params, res => {const datalist = res.data.result;if (res.data.code == 200
·
1、安装
npm install animejs -S
2、在项目中使用
import anime from 'animejs'
watch: {
listData() {
this.listAnimate();
}
}
getResterListByParams(params, res => {
const datalist = res.data.result;
if (res.data.code == 200) {
this.listData = datalist.map((item) => {
})
this.$nextTick(() => {
this.listAnimate();
});
}
})
// 列表入场动画
listAnimate() {
anime({
targets: '.th-list-show .th-content ul li',
translateX: [-20, 0],
opacity: [0, 1],
easing: 'linear',
duration: 300,
delay: anime.stagger(100), // 每个元素的延迟增加100毫秒。
})
},
更多推荐
已为社区贡献8条内容
所有评论(0)