您当前的位置: 首页 > 知识百科 > 微信小程序弹出层的开发和使用

微信小程序弹出层的开发和使用

时间:2023-07-01 14:05 阅读数:15 人阅读 分类:知识百科

  想要开发的小程序达到比较好的效果,可以为小程序设置一些创意的页面,比如弹出框。以下是关于微信小程序弹出层的开发和使用,一起来看看。

  modal

  modal类似于javascript中的confirm弹框,默认情况下是一个带有确认取消的弹框,不过点击取消后弹框不会自动隐藏,需要通过触发事件调用函数来控制hidden属*。

  官方文档

  


  .wxml

  这是小程序自定义对话框的内容。

  .js

  Page({

  data:{

  hidden:false,

  nocancel:false

  },

  cancel: function(){

  this.setData({

  hidden: true

  });

  },

  confirm: function(){

  this.setData({

  nocancel: !this.data.nocancel

  });

  console.log("clicked confirm");

  }

  })

  运行效果

  


  参照微信小程序商城提供的教程,进行了微信小程序弹出层的开发以后,小程序页面就会有以上的效果了,是不是觉得很好玩呢?那就赶紧开发吧。

  

  微信小程序如何弹出输入框?

  微信小程序怎么开发弹出菜单特效?不弹出键盘?

  微信小程序逻辑层怎么开发和使用