集成

第1步：package.json引入库

点击查看源码

"@extscreen/es-core": "^x.x.x",
"@extscreen/es-component": "3.0.1",

第2步：ESPage页面中中引入组件

点击查看源码

<es-animation-view
  ref="animation_view"
  class="animation-view-css">
  <!-- 包裹需要执行动画的vue组件-->
  <div class="animation-inner-view-class"/>
</es-animation-view>

第3步：调用animation_view执行动画

示例代码：

点击查看源码

this.$refs.animation_view.objectAnimator2(
    "1",//id
    ES_ANIMATION_VALUE_TYPE_FLOAT',
    ES_ANIMATION_PROPERTY_NAME_TRANSLATION_X',
    "0",
    "360",
    1000,
    -1,
    10000,
    false,
    false,
    {
      type: ES_CYCLE_INTERPOLATOR,
    });
  );
  this.$refs.animation_view.startAnimator("1");