Greasy Fork 镜像站

dialog-gui

快捷弹窗

Dette script bør ikke installeres direkte. Det er et bibliotek, som andre scripts kan inkludere med metadirektivet // @require https://update.greasyfork.org/scripts/522780/1518758/dialog-gui.js

Ask a question, post a review, or report the script.

Skaber: twjx
Version: 2.2
Oprettet: 04.01.2025
Opdateret: 11.01.2025
Size: 4,97 kB
Licens: N/A

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被关闭时会运行这个函数

扫码关注【爱吃馍】

how to use

returnElement 用法

onclose