Page({ onShareAppMessage() { return { title: '动画', path: 'packageAPI/pages/page/animation/animation', containerStyle1: '', } }, data: { theme: 'light', canIUse: true, }, onLoad() { this.setData({ theme: wx.getSystemInfoSync().theme || 'light' }) if (wx.onThemeChange) { wx.onThemeChange(({theme}) => { this.setData({theme}) }) } const canIUse = this.animate !== undefined if (!canIUse) { wx.showModal({ title: '微信版本过低,暂不支持本功能', }) this.setData({ canIUse, }) } }, change() { this.animate('#container1', [ {opacity: 1.0, rotate: 0, backgroundColor: '#FF0000'}, { opacity: 0.5, rotate: 45, backgroundColor: '#00FF00', offset: 0.9 }, {opacity: 0.0, rotate: 90, backgroundColor: '#FF0000'}, ], 5000, function () { this.clearAnimation('#container1', {opacity: true, rotate: true}, function () { console.log('清除了#container上的动画属性') }) }.bind(this)) this.animate('.block1', [ {scale: [1, 1], rotate: 0, ease: 'ease-out'}, { scale: [1.5, 1.5], rotate: 45, ease: 'ease-in', offset: 0.9 }, {scale: [2, 2], rotate: 90}, ], 5000, function () { this.clearAnimation('.block1', {scale: true, rotate: true}, function () { console.log('清除了.block1上的动画属性') }) }.bind(this)) }, })