小程序开发cover-image/cover-view 动画问题

2019-2-12 19:50| 查看: 385| 原作者: 小程序定制|来自: 微信小程序开发

摘要: - 当前 Bug 的表现(可附上截图)cover-image/cover-view transform:rotate 动画模拟器里正常,而真机表现不正常用 keyframes、transition、wx.createAnimation 三种方式都有问题。分别表现为:keyframes 没有过渡动

- 当前 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 正常动起来。大佬们看看呢

本文整理自网络,如有侵权请联系删除,微信小程序开发 http://html51.com,开发小程序、定制小程序来51小程序网。
点此搜索更多关于"小程序开发cover-image/cover-view 动画问题"的问题
收藏

最新评论

热门小程序源码

    手机版|51小程序,商务合作QQ: 3352085720 ( 苏ICP备15027371号 )

    Powered by Discuz! X3.2

    返回顶部