This script should not be not be installed directly. It is a library for other scripts to include with the meta directive // @require https://update.greasyfork.org/scripts/522780/1518692/dialog-gui.js
how to use
attribute
= {
type:'single',
title: '', --标题
content: [ --内容
{
type: 'text' / 'img' / 'video' / 'audio' / 'scroller',--自行尝试
returnElement: String / false, -- 指是否返回这个元素 详细请看最下方
src: '', --用于img/video/audio类型
content: { --用于text类型
type: 'p' / 'h1' / ..., --用于text类型
content: '', --text类型输入文本 加入的区域是innerHTML区域,可以填代码 自由度高
scroll_type: 'automatic' / 'none' --用于scroller类型 automatic是自动滚动到最底部
},
style: css-style, --(all) style随意编辑
},
],
attribute: { -- body区域的style 以下可不填,attribute:{}即可代码会使用默认格式
position: '', 自动填写数据:'relative'
width: '', 填数字即可 height一样 '500px'
height: '', '400px'
top: '', '100px'
left: '', '50%'
backgroundColor: '', '#fefefe'
radius: '', '10px'
boxShadow: '', '0 0 5px 5px darkgray'
transform: '', 'translate(-50%, 0%)'
and so on... -- 以上只是默认格式会提供的 可随意添加style属性
},
dark_screen: true / false, -- 是否有黑幕 防止用户点击其他区域
enMove: true / false, --可以被拖动 尚不完善
}
returnElement 用法
var a=dialog.create({
type: "single",
...
content: [
{
type: "scroller",
...
returnElement:'scroll',
},
]
});
console.log(a)
// Object{scroll:div}
onclose
当dialog被关闭时会运行这个函数