Title |
Content |
Type |
General |
Support layout |
N/s |
The required script |
Https://mipcache.bdstatic.com/static/v1/mip-lightbox/mip-lightbox.js |
Example
<button on= "Tap:my-lightbox.open" id= "Btn-open" role= "button" tabindex= "0" > Open Lightbox </button> <mip-lightbox Id= "My-lightbox" layout= "Nodisplay" class= "Mip-hidden" > <div class= "Lightbox" > <p> This is the lightbox</p> </div> </mip-lightbox> |
Property
Id
Description: Component ID
Required option: Yes
Type: string
Layout
Description: Layout
Required option: Yes
Type: string
Take value: Nodisplay
Attention matters
Mip-lightbox is hidden by default, and the DOM node that is on the switch needs to set the On property, and the On property's property value is tap: Component Id.open.
The On property is set to the DOM node that closes the Lightbox, and the on property value is tap: Component Id.close.
The On property is also required to be set on the DOM node that is turning off Lightbox, and the on property value is tap: Component Id.toggle.
Mip-lightbox need a DIV child node, the calss of this div must have lightbox.