mip-lightbox 是由用户控制展现或关闭的一个全屏浮层组件，组件全屏覆盖，组件里的元素超出屏幕会被隐藏，不能滑动。

示例

<button on="tap:my-lightbox.open" id="btn-open" role="button" tabindex="0">
    Open lightbox
</button>
 
<mip-lightbox
    id="my-lightbox"
    layout="nodisplay">
    <div class="lightbox" on="tap:my-lightbox.close">
        <h1>Hello, World!</h1>
        <p> this is the lightbox</p>
    </div>
</mip-lightbox>

属性

id
说明：组件ID
必选项：是
类型：字符串

layout
说明：布局
必选项：是
类型：字符串
取值：nodisplay

h3 class="text-primary">注意事项<

1、mip-lightbox 默认是隐藏的，作为打开开关的 dom 节点 需设置 on 属性，且 on 属性的属性值为 "tap:组件ID.open"。

2、mip-lightbox 需要一个 div 子节点，这个 div 的 calss 必须有 lightbox，并且必须有 on 属性，属性值为"tap:组件ID.close"。

3、依赖 mipmain 最低版本为 1.1.2

MIp个性化组件

1、MIP个性化组件mip-link
2、MIP个性化组件mip-share（分享组件）
3、MIP个性化组件mip-stats-bidu（百度统计组件）
4、MIP个性化组件mip-appdl（app下载组件）
5、MIP个性化组件mip-accordion 折叠节点
6、MIP个性化组件mip-anim 动图
7、MIP个性化组件mip-form
8、MIP个性化组件mip-html-os 操作系统
9、MIP个性化组件mip-stats-tianrun 天润统计
10、MIP个性化组件mip-audio 音频播放
11、MIP个性化组件mip-fixed 悬浮布局
12、MIP个性化组件mip-lightbox 弹层