Nervously Practice Multithreading
    Have ideas to improve npm?Join in the discussion! »

    pxu

    1.0.1 • Public • Published

    pop-up-box

    这是一个私人定制的弹出框插件,使用纯JS开发,也就是说您的项目文件只要允许导入JS文件就可以使用。

    导入

    目前,我们为小主提供两种导入方式:

    第一种、通过npm install pxu安装插件

    第二种、通过下载js插件

    js插件目前仅可以通过clone github仓库进行下载或者直接复制当前项目中的index.js文件内容即可使用。

    如果您对源码不感兴趣那么可以切换到dev分支,直接下载或者复制dist文件夹中的index.js即可。

    使用

    // pxu($1, $2, $3, $4, $5)
    // $1 : 表示弹出框的icon图标类型
    // $2 : 表示弹出框的的标题,可以是html字符串
    // $3 : 表示弹窗的主要内容描述对象,可以是html字符串。
    //      注意:如果html字符串中包含input,那么该标签中必须要包含id为pxu的属性,否则关闭弹出框获取不到确认数据,
    //      示例:<input id="pxu" type="text" placeholder="请输入登录密码" style="..." />
    // $4 : 表示弹出框的取消按钮
    // $5 : 表示弹出框的确认按钮,必填项,默认为“确定”
     pxu('warning',                                // 可为null
        '您确认继续重启吗?',                        // 可为null
        '请确保您的信息填写正确后,提交后无法修改',     // 可为null
        '取消',                                     // 可为null
        '立即前往').then(res => {
       console.log(res)
     });
    

    效果

    如果您想看效果图,请切换dev分支进行查看

    Install

    npm i pxu

    DownloadsWeekly Downloads

    0

    Version

    1.0.1

    License

    ISC

    Unpacked Size

    30.6 kB

    Total Files

    5

    Last publish

    Collaborators

    • avatar