animation.js 562 B

1234567891011121314151617181920212223242526272829
  1. export default {
  2. data() {
  3. return {
  4. addAnimationData: false,
  5. delAnimationData: false,
  6. };
  7. },
  8. methods: {
  9. /**
  10. * 加减商品动画效果
  11. * */
  12. animationFun(type){
  13. if(type=='add'){
  14. this.addAnimationData = true;
  15. // this.$nextTick(()=>{
  16. // this.addAnimationData = false;
  17. // })
  18. setTimeout(()=>{this.addAnimationData = false;},300)
  19. }else{
  20. this.delAnimationData = true;
  21. // this.$nextTick(()=>{
  22. // this.delAnimationData = false;
  23. // })
  24. setTimeout(()=>{this.delAnimationData = false;},300)
  25. }
  26. },
  27. }
  28. };