animation.rotateY()
从 Y 轴顺时针旋转一个角度
参数
参数 | 类型 | 说明 |
---|---|---|
number | number angle | 旋转的角度 |
返回值
返回值 | 类型 | 说明 |
---|---|---|
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
.rotateY(90).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>