https://developers.weixin.qq.com/miniprogram/dev/component/cover-view.html
看官方文档,基础库版本2.1.0 就可以支持rotate的css样式,我手机微信版本是8.0.50,真我gt手机,在真机调试时,动画不生效。而在小程序开发工具中,就可以生效,是有什么bug吗?
后面我使用cover-image+this.animate的方式实现了动画,但是无论怎么调整duration,动画的旋转速度都是一样的,如何才能控制动画旋转快慢(比如,我想1秒中匀速转动3圈这样),希望能尽快得到回复。
请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
<cover-view class="class1"></cover-view>
.class1{
width: 60px;
height:60px;
background: url('url1') no-repeat center;
background-size: 100%;
animation: kkk 3s linear infinite;
}
@keyframes kkk{
0%{
transform: rotate(0deg);
}
100%{
transform: rotate(360deg);
}
}
以上的样式,在小工具上生效,真机不生效
问题2:使用this.animate,无法给动画调速
this.animate('.class1',[{rotate: 1}, {rotate: 20}], 1000, ()=>{});
在这里,没有提供能够控制动画转动速度的参数。默认动画转动很慢