Mip-lightbox Elastic Layer Assembly detailed mip-lightbox how to use the projectile layer

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.