对话框的基本样式,包含标题.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 |