zoukankan      html  css  js  c++  java
  • 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;
        },
  • 相关阅读:
    XML介绍
    JavaScript基础
    pygame模块参数汇总(python游戏编程)
    CSS3
    CSS( Cascading Style Sheets )简书
    HTML5
    用python进行应用程序自动化测试(uiautomation)
    HTML入门
    Selenium2 (python)
    C#快速入门
  • 原文地址:https://www.cnblogs.com/uniapp1/p/13489105.html
Copyright © 2011-2022 走看看