html52.com
我爱小程序-开发者交流社区

cover-image/cover-view 动画问题

问题模块 框架类型 问题类型 终端类型 微信版本 基础库版本
框架 小程序 Bug 客户端 7.0.2 2.5.0

- 当前 Bug 的表现(可附上截图)

cover-image/cover-view transform:rotate 动画模拟器里正常,而真机表现不正常

用 keyframes、transition、wx.createAnimation 三种方式都有问题。

分别表现为:

  • keyframes 没有过渡动画效果,在 animation-duration 结束后直接从 0% 跳到 100%,没有中间动画过程;

  • transition 不能只围绕 z 轴转动,无论是只设置 rotate 还是 rotateZ,都会绕三轴一起转动。

  • wx.createAnimation 本质同上,效果也同上


- 预期表现

cover-image/cover-view transform:rotate 可以绕z轴平滑转动。


- 复现路径

https://developers.weixin.qq.com/s/3K1LAlma7z58


- 提供一个最简复现 Demo

https://developers.weixin.qq.com/s/3K1LAlma7z58

网友回复

亿事无忧:

目前看下来,在真机上,没有任何办法让 cover-view / cover-image 的 rotate 正常动起来。官方赶紧看下。

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付