具体场景:点击添加显示删除按钮,此时删除按钮淡入;点击删除按钮,删除按钮淡出
代码 点击事件实现注意:在点击添加按钮,删除按钮淡入时,加定时器是为了实现连续多次可点击添加按钮,删除按钮淡入,不加定时器的效果就是动画只能起一次作用。
实现原理:用ref区别两个按钮,点击添加,对this.$refs.outRef.className(删除按钮)设置淡入效果动画;点击删除,对 this.$refs.outRef.className = 'deleteBtn-hide'(删除按钮本身)设置淡出效果动画。
css实现动画效果
网友评论