微信小程序开发之弹出菜单

最新推荐文章于 2024-08-07 22:38:02 发布

dzp_coder

最新推荐文章于 2024-08-07 22:38:02 发布

阅读量8k

点赞数 1

分类专栏：微信小程序文章标签：微信小程序菜单

本文链接：https://blog.csdn.net/qq_31383345/article/details/53841192

版权

本文介绍了如何在微信小程序中开发弹出菜单，通过代码示例包括index.js、index.wxml和index.wxss，提供了demo代码下载，以及在CSDN上的微信小程序开发专栏链接，欢迎大家交流讨论。

摘要由CSDN通过智能技术生成

周五.玩具一枚.
gif:

代码:
1.index.js

//index.js
//获取应用实例
var app = getApp()
Page({
  data: {
    isPopping: false,//是否已经弹出
    animationPlus: {},//旋转动画
    animationcollect: {},//item位移,透明度
    animationTranspond: {},//item位移,透明度
    animationInput: {},//item位移,透明度
    //我的博客:http://blog.csdn.net/qq_31383345
    //CSDN微信小程序开发专栏:http://blog.csdn.net/column/details/13721.html
  },
  onLoad: function () {
   

  },
  //点击弹出
  plus: function () {
   
    if (this.data.isPopping) {
      //缩回动画
      popp.call(this);
      this.setData({
        isPopping: false
      })
    } else {
      //弹出动画
      takeback.call(this);
      this.setData({
        isPopping: true
      })
    }
  },
  input: function () {
   
    console.log("input")
  },
  transpond: function () {
   
    console.log("transpond")
  },
  collect: