🏠 Home 

pops

纯JavaScript编写的弹窗,内置方法confirm、alert、prompt、loading、iframe、isPhone、tooltip、folder、panel、rightClickMenu。

สคริปต์นี้ไม่ควรถูกติดตั้งโดยตรง มันเป็นคลังสำหรับสคริปต์อื่น ๆ เพื่อบรรจุด้วยคำสั่งเมทา // @require https://update.greasyfork.org/scripts/456485/1545935/pops.js

ผู้เขียน
WhiteSevs
เวอร์ชัน
0.0.1.20250303022824
สร้างเมื่อ
12-12-2022
อัปเดตเมื่อ
03-03-2025
Size
602 กิโลไบต์
สัญญาอนุญาต
ไม่มี

弹窗库

  • 最新版本:npm version

## pops.isPhone
判断是否是手机访问
```js
pops.iPhone()
-> true

pops.alert

普通信息框

pops.alert({
content: {
text: "普通信息框",
},
mask: {
enable: true,
clickEvent:{
toClose: true
}
},
});

pi72wJ1.png

pops.confirm

询问框

pops.confirm({
content: {
text: "询问框",
},
mask: {
enable: true,
clickEvent:{
toClose: true
}
},
});

pi720Rx.png

pops.drawer

抽屉层

pops.drawer({
content: {
text: "抽屉层",
},
mask: {
enable: true,
clickEvent:{
toClose: true
}
},
});

pi72rQK.png

pops.folder

文件夹层

pops.folder({
title: {
text: "文件夹层",
},
folder: [{
fileName: "测试文件.apk",
fileSize: 30125682,
fileType: "apk",
createTime: 1702036410440,
latestTime: 1702039410440,
isFolder: false,
index: 1,
clickEvent() {
console.log("下载文件:", this.fileName);
return "https://update.greasyfork.org/scripts/456485/pops.js";
},
}],
mask: {
enable: true,
clickEvent:{
toClose: true
}
},
});

pi72ssO.png

pops.iframe

iframe层

pops.iframe({
url: window.location.href,
title: {
text: "iframe层"
},
mask: {
enable: true,
clickEvent:{
toClose: true
}
},
});

pi722od.png pi72cee.png pi72gdH.png

pops.loading

加载层

pops.loading({
parent: document.body,
content: {
text: "加载中...",
icon: "loading",
},
mask: {
enable: true,
clickEvent:{
toClose: true
}
},
});

pi72IQf.png

pops.panel

面板层

pops.panel({
title: {
text: "面板层",
},
content: [{
id: "whitesev-panel-config",
title: "菜单配置",
headerTitle: "菜单配置",
isDefault: true,
forms: []
}],
mask: {
enable: true,
clickEvent:{
toClose: true
}
},
});

o7kyTc.png

pops.prompt

输入框

pops.prompt({
content: {
text: "输入框的内容",
},
mask: {
enable: true,
clickEvent:{
toClose: true
}
},
});

o7rGnT.png

pops.rightClickMenu

右键菜单层

pops.rightClickMenu({
target: document.documentElement,
data: [{
icon: pops.config.iconSVG.search,
iconIsLoading: false,
text: "右键菜单",
callback(event) {
console.log("点击:" + this.text, event);
},
},]
});

o7r5Uq.png

pops.tooltip

提示框

pops.tooltip({
target: document.querySelector("#user-container"),
content: "鼠标悬浮提示内容",
});

o7rCFr.png

pops.searchSuggestion

let suggestion = pops.searchSuggestion({
target: document.querySelector("input"),
})
suggestion.init();

详情参数请看代码