animation.translateY()

在 Y 轴平移

参数

参数 类型 说明
number ty number 在 Y 轴平移的距离

返回值

返回值 类型 说明
animation animation 动画实例

注: 调用export方法后不会清除该样式

示例

<template>
  <view>
    <view class="block" c-animation="{{animationData}}" c-bind:click="handleClick">
      <text>请点击我</text>
    </view>
  </view>
</template>
<script>
  import { createAnimation } from "chameleon-api";
  const animation = createAnimation();
  class Index {
    data = {
      animationData: null,
    }
    methods = {
      handleClick() {
        this.animationData = animation
          .translateY(100).step({duration: 1000})
          .export();
      }
    }
  }
  export default new Index();
</script>
<style scoped>
.block {
  position: absolute;
  width: 200cpx;
  height: 200cpx;
  background-color: #E3EDCD;
}
</style>
<script cml-type="json">
{
    "base": {
        "usingComponents": {}
    }    
}
</script>

results matching ""

    No results matching ""