MIP-Dokumentationshandbuch
/ mip-lightbox 彈層
mip-lightbox 彈層
mip-lightbox 是由用戶(hù)控制展現(xiàn)或關(guān)閉的一個(gè)全屏浮層組件，組件全屏覆蓋，組件里的元素超出屏幕會(huì)被隱藏，不能滑動(dòng)。
示例
<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
說(shuō)明：組件ID
必選項(xiàng)：是
類(lèi)型：字符串
layout
說(shuō)明：布局
必選項(xiàng)：是
類(lèi)型：字符串
取值：nodisplay
注意事項(xiàng)
mip-lightbox 默認(rèn)是隱藏的，作為打開(kāi)開(kāi)關(guān)的 dom 節(jié)點(diǎn) 需設(shè)置 on 屬性，且 on 屬性的屬性值為 "tap:組件ID.open"。
作為關(guān)閉 lightbox 的 dom 節(jié)點(diǎn)需要設(shè)置 on 屬性，且 on 屬性值為"tap:組件ID.close"。
同時(shí)作為打開(kāi)關(guān)閉 lightbox 的 dom 節(jié)點(diǎn)需要設(shè)置 on 屬性，且 on 屬性值為"tap:組件ID.toggle"。
mip-lightbox 需要一個(gè) div 子節(jié)點(diǎn)，這個(gè) div 的 calss 必須有 lightbox。