mip-lightbox 是由用戶控制展現(xiàn)或關(guān)閉的一個全屏浮層組件，組件全屏覆蓋，組件里的元素超出屏幕會被隱藏，不能滑動。

示例

<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">
        <h1>Hello, World!</h1>
        <p> this is the lightbox</p>
    </div>
</mip-lightbox>

屬性

id

說明：組件ID
必選項：是
類型：字符串

layout

說明：布局
必選項：是
類型：字符串
取值：nodisplay

注意事項

• mip-lightbox 默認是隱藏的，作為打開開關(guān)的 dom 節(jié)點 需設(shè)置 on 屬性，且 on 屬性的屬性值為 "tap:組件ID.open"。

• 作為關(guān)閉 lightbox 的 dom 節(jié)點需要設(shè)置 on 屬性，且 on 屬性值為"tap:組件ID.close"。

• 同時作為打開關(guān)閉 lightbox 的 dom 節(jié)點需要設(shè)置 on 屬性，且 on 屬性值為"tap:組件ID.toggle"。

• mip-lightbox 需要一個 div 子節(jié)點，這個 div 的 calss 必須有 lightbox。