Skip to content
/ pxu Public

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

Notifications You must be signed in to change notification settings

varlinux/pxu

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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分支进行查看

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published