这是一个私人定制的弹出框插件,使用纯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分支进行查看