小程序动画为什么不出效果

如何看待微信公开课小程序热门讨论「小程序动画为什么不出效果」
摘要：小程序动画为什么不出效果
展开：wxmlviewidseekwx:if{{isSearch}}animation{{animationData}}viewclassseekinputbindconfirmsearchTapplaceholder设备名称/设备序列号confirmtypesearchvalue{{searchInput}}focusplaceholderstylefontsize:28rpx;color:999999;textalign:center;/inputviewclasscancelbindtapcancelTapx/viewviewclassquitbindtapHideSearchTap取消/view/viewviewclassresultwx:if{{isHistory}}viewclasstextresult搜索历史/viewviewclasshistoryviewclasshistoryitemwx:for{{history}}wx:key{{index}}{{item}}/view/view/view/viewwxssseek{position:absolute;left:0;top:0;width:100%;height:100vh;backgroundcolor:F5F5F5;zindex:199;}.seek{width:100%;height:108rpx;lineheight:108rpx;backgroundcolor:6880C4;padding:020rpx;position:fixed;display:flex;alignitems:center;justifycontent:spacearound}input{width:70vw;height:48rpx;backgroundcolor:white;borderradius:6rpx;fontsize:28rpx;paddingleft:20rpx;paddingright:40rpx;}.cancel{position:absolute;top:0;left:calc(70vw+65rpx);zindex:10;color:999999;}.cancel{position:absolute;top:0;right:40rpx;zindex:10;color:999999;width:56rpx;}.result{position:relative;top:116rpx;}.textresult{opacity:0.75;fontsize:28rpx;color:3D3D3D;letterspacing:0;padding:020rpx;}.history{margintop:42rpx;display:flex;flexwrap:wrap;}.historyitem{opacity:0.75;fontsize:28rpx;color:000000;letterspacing:0;background:FFFFFF;border:1rpxsoliddddddd;borderradius:8rpx;textalign:center;height:70rpx;lineheight:70rpx;margin:020rpx20rpx20rpx;padding:026rpx;}.quit{fontsize:28rpx;}jsonReady:function(){wx.hideLoading();//实例化动画this.animationwx.createAnimation({duration:1000,timingFunction:easeinout,});},ShowSearchTap(){this.animation.opacity(1).step()this.setData({isSearch:true,animationData:this.animation.export()});},了解更多