收藏
回答

动画效果存在问题

框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
小程序 Bug wx.createAnimation 微信iOS客户端 Android 6.6.7 2.2.2

问题表现:left()、right()、top()、bottom()动画执行时并没有出现运动效果,并且连delay也没有生效,物体会不经动画过程直接出现在目标位置上,但是使用rotate()进行旋转动画时却有动画效果。

是我写的有问题还是这是个BUG?



测试源码:

前端代码

<view class='div' bindtap='DivTap' animation="{{MyAnimation}}">view>


CCS代码

/* index/index.wxss */

.div{

width: 100px;

height: 100px;

background: red;

position: relative;

}


JS代码

// index/index.js

Page({

data: {

MyAnimation:[]

},


onLoad: function(options) {

this.MyAnimation = wx.createAnimation({

duration: 2000,

timingFunction: 'linear',

delay: 2000,

transformOrigin: '50% 50% 0'

});

},


DivTap: function() {

this.MyAnimation.left(100).step()

this.setData({

MyAnimation:this.MyAnimation.export()

})

console.log(this.MyAnimation);

}

})


最后一次编辑于  2018-08-13
回答关注问题邀请回答
收藏

7 个回答

登录 后发表内容