vue小球动画

 beforeEnter: function(el) {

      // 通过绝对定位，小球css的top和left值一直都是固定的

      //不管怎么滚动，小球的x y坐标固定

      el.style.transform = "translate(0,0)";

    },

    enter: function(el, done) {

      //小球x y的移动距离要用终点-起点

      el.offsetLeft;

      let s = document

        .querySelector(".mui-input-numbox")

        .getBoundingClientRect();

      let f = document.querySelector(".mui-badge").getBoundingClientRect();

      let x = f.left - s.left;

      let y = f.top - s.top;

      el.style.transform = "translate(" + x + "px," + y + "px)";

      el.style.transition = "all 1s cubic-bezier(.37,-0.3,1,.28)";

      done();

    },

    afterEnter: function(el) {

      this.flag = !this.flag;

    },