一聚教程网:一个值得你收藏的教程网站

热门教程

mip-lightbox 弹层组件详解 mip-lightbox 弹层怎么用

时间:2022-06-29 11:05:40 编辑:袖梨 来源:一聚教程网

标题 内容
类型 通用
支持布局 N/S
所需脚本 https://mipcache.bdstatic.com/static/v1/mip-lightbox/mip-lightbox.js

示例

id="my-lightbox"

layout="nodisplay"

class="mip-hidden">

属性

id

说明:组件ID

必选项:是

类型:字符串

layout

说明:布局

必选项:是

类型:字符串

取值: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。

热门栏目