微信小程序这个效果怎么做

微信公开课小程序热门讨论「微信小程序这个效果怎么做」最新回复-test.wxml:viewclass=mainviewclass=backviewclass=menutext第一个item1/texttext第二个item2/texttext第三个item3/texttext第四个item4/text/view/viewviewclass=frontanimation={{animationData}}textclass=btnbindtap=move三/text/view/viewtest.wxss.main{position:relative;width:100vw;height:100vh;}.back{width:100vw;height:100vh;backgroundcolor:#448;}.back.menu{display:flex;flexdirection:column;color:#fff;}.front{position:absolute;width:25vw;height:100vh;right:0;top:0;overflow:hidden;backgroundcolor:#88f;}.front.btn{position:absolute;left:20rpx;top:0;fontsize:60rpx;color:#fff;}test.js:varww=0Page({data:{animationData:{}},move:function(){varanimation=wx.createAnimation()ww=ww==100?25:100animation.width(ww+vw).step()this.setData({animationData:animation.export()})}})
百度 更多有关「微信小程序这个效果怎么做」的疑问请扫码关注微信公开课+小程序！了解更多