手册目录
个性化组件
广告组件
工具接口
帮助中心
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" class="mip-hidden"> <div class="lightbox"> <h1>Hello, World!</h1> <p> this is the lightbox</p> </div> </mip-lightbox>
说明:组件ID
必选项:是
类型:字符串
说明:布局
必选项:是
类型:字符串
取值:nodisplay
mip-lightbox 默认是隐藏的,作为打开开关的 dom 节点 需设置 on 属性,且 on 属性的属性值为 "tap:组件ID.open"。
作为关闭 lightbox 的 dom 节点需要设置 on 属性,且 on 属性值为"tap:组件ID.close"。
同时作为打开关闭 lightbox 的 dom 节点需要设置 on 属性,且 on 属性值为"tap:组件ID.toggle"。
mip-lightbox 需要一个 div 子节点,这个 div 的 calss 必须有 lightbox。
科技资讯
精品课程
共5课时 | 18万人学习
共49课时 | 82.1万人学习
共29课时 | 64.9万人学习
共25课时 | 41.2万人学习
共43课时 | 76.6万人学习