pops

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

2024-05-24 기준 버전입니다. 최신 버전을 확인하세요.

이 스크립트는 직접 설치하는 용도가 아닙니다. 다른 스크립트에서 메타 지시문 // @require https://updategf.qytechs.cn/scripts/456485/1382424/pops.js을(를) 사용하여 포함하는 라이브러리입니다.

질문 또는 리뷰 남기기, 또는 스크립트 신고하기.

작성자: WhiteSevs
버전: 0.0.1.20240524150215
생성일: 2022-12-12
갱신일: 2024-05-24
크기: 411KB
라이선스: 해당 없음

部分注释文件

https://raw.githubusercontent.com/WhiteSevs/TamperMonkeyScript/master/%E5%BA%93.ts/pops.d.ts

使用方式

/// <reference path="本地路径/pops.d.ts" />

pops.isPhone

判断是否是手机访问

pops.iPhone()
-> true

pops.alert

普通信息框

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

pops.confirm

询问框

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

pops.drawer

抽屉层

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

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
        }
    },
});

pops.iframe

iframe层

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

pops.loading

加载层

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

pops.panel

面板层

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

pops.prompt

输入框

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

pops.rightClickMenu

右键菜单层

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

pops.tooltip

提示框

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

pops.searchSuggestion

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

Greasy Fork