Modal explanation and instance code of WeChat applet

This article mainly introduces the details of the mini-program modal and the relevant information of the instance code. For more information, see the next article. it mainly introduces the details of the mini-program modal and the relevant information of the instance code, for more information, see

Mini-program modal

Dialog pop-up window

Attribute name	Type	Default value	Description
Title	String		Title
Hidden	Boolean	False	Whether to hide the entire pop-up window
No-cancel	Boolean	False	Hide the cancel button
Confirm-text	String	OK	Confirm button text
Cancel-text	String	Cancel	Cancel button text
Bindconfirm	EventHandle		Click confirm to trigger the callback
Bindcancel	EventHandle		Click Cancel and callback triggered by the masked layer

Example:

 
  
This is the content of the dialog box.
 
  
  
   
No title, no mask, no definite modal
   
  
   
Content can be inserted to nodes
  
 
  
  Click modal 
  Click to bring up modal
 

Page({ data: { modalHidden: true, modalHidden2: true }, modalTap: function(e) { this.setData({ modalHidden: false }) }, modalChange: function(e) { this.setData({ modalHidden: true }) }, modalTap2: function(e) { this.setData({ modalHidden2: false }) }, modalChange2: function(e) { this.setData({ modalHidden2: true }) },})

Thank you for reading this article. I hope it will help you. thank you for your support for this site!

For more details about the mini-program modal and related articles about the instance code, please follow the PHP Chinese network!