对话框

基本样式

对话框的基本样式,包含标题.dialog-head,内容.dialog-body,底部。dialog-foot。标题和底部可以去掉

.dialog默认不显示,以下显示是因为添加了.open样式

对话框标题
对话框内容

点击弹出

点击弹出data-toggle="click",鼠标经过弹出data-toggle="hover"

对话框标题
对话框内容

参数

对话框参数包含触发事件data-toggle,对话框宽度限制data-width,是否显示遮罩层data-mask,对象data-target和异步加载data-url组成。

参数 类型 默认值 可选值 说明
data-toggle 字符串 click click 鼠标点击时显示
hover 鼠标经过时显示
data-width 字符串 80% 对话框的宽度,带单位,可以使用px,%,em等。
data-mask 整数 1 是否显示遮罩层:(可选)默认为1,当为其他值是不显示。
data-target 字符串 获取显示元素的对象,可以是#id,也可以是.class
data-url 路径 显示对应地址的内容,如:/images/dialog.html