知识分享
分享创造价值 合作实现共赢

知识分享

当前位置: 首页 > 知识分享

微信小程序开发之『弹出菜单』特效

发布时间:2019-12-16 21:34:49作者:admin点击:

作者:ruicoding,来自原文地址
先看下效果图.

代码:
1.popMenu.js

Page({      data: {          isPopping: false,//是否已经弹出          animPlus: {},//旋转动画          animCollect: {},//item位移,透明度          animTranspond: {},//item位移,透明度          animInput: {},//item位移,透明度      },      //点击弹出      plus: function () {          if (this.data.isPopping) {              //缩回动画              this.popp();              this.setData({                  isPopping: false              })          } else if (!this.data.isPopping) {              //弹出动画              this.takeback();              this.setData({                  isPopping: true              })          }      },      input: function () {          console.log("input")      },      transpond: function () {          console.log("transpond")      },      collect: function () {          console.log("collect")      },      //弹出动画      popp: function () {          //plus顺时针旋转          var animationPlus = wx.createAnimation({              duration: 500,              timingFunction: 'ease-out'          })          var animationcollect = wx.createAnimation({              duration: 500,              timingFunction: 'ease-out'          })          var animationTranspond = wx.createAnimation({              duration: 500,              timingFunction: 'ease-out'          })          var
            
          

TOP

QQ客服

18910140161