记录微信小程序简单渐入渐出效果

小程序内的动画 简单的渐入渐出效果

1.自定义动画属性 data:{ userAnimation:{} } 自定义动画方法 showOpacity(opacity){ let that=this var animation = wx.createAnimation({ //持续时间200ms duration: 2000, timingFunction: ‘ease’, }); animation.opacity(opacity).step() that.setData({ userAnimation:animation.export() }) },

wxml代码

需要的地方进行调用 that.showOpacity(1) 将透明度改为1 例如请求数据后 自定义定时器 6秒后更新数据将透明度改为0

var t = setInterval(function() { that.showOpacity(0) setTimeout( function(){ that.getUser(); }, 2000 ) }, 6000) that.setData({ timer: t })