截图:
详细描述:当 picker-view 处于初始状态 A,长按(不松手)选择状态 B ,且当页面内有循环动画时,在动画的每次的 animationiteration 和 animationend 事件触发时,picker-view 会自动重置到初始状态 A。
组件名称: picker-view 和 picker-column
基础库版本号:2.16.0 及以上
代码描述:
wxss:
.test-rotate {
width: 30px;
height: 30px;
animation: rotation 2s linear infinite !important;
margin-top: 200px;
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
25% {
transform: rotate(90deg);
}
50% {
transform: rotate(180deg);
}
75% {
transform: rotate(270deg);
}
100% {
transform: rotate(360deg);
}
}
js:
Page({
animationend() {
console.log("animationend");
},
animationstart() {
console.log("animationstart");
},
animationiteration() {
console.log("animationiteration");
},
});
wxml:
<!-- index.wxml -->
<picker-view style="height: 200px">
<picker-view-column>
<view>A</view>
<view>B</view>
<view>C</view>
</picker-view-column>
</picker-view>
<View class='test-rotate' bind:animationend="animationend" bind:animationstart="animationstart" bind:animationiteration="animationiteration">
rotate
</View>
请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。