自定义弹窗
pops.alert /* 普通信息框 */
pops.confirm /* 询问框 */
pops.prompt /* 输入框 */
pops.loading /* 加载层 */
pops.iframe /* iframe层 */
pops.isPhone /* 判断是否是手机访问 */
pops.tooltip /* 提示框 */
# 部分使用方法
pops.alert({
closeEnable: false,
mask: true,
only: true,
});
pops.prompt({
position: "center",
closeEnable: true,
mask: true,
only: true,
title: {
text: "prompt",
position: "center",
},
content: {
placeholder: "提示",
text: "自带的内容",
row: false /* 多行 */,
focus: true /* 输入框自动聚焦 */,
},
btn: {
ok: {
callback: (event) => {
console.log(event);
alert("确定");
event.close();
},
},
},
});
pops.loading({
parent: document.body,
only: true,
});
pops.tooltip({
target: document.querySelector(".xxx"),/* 目标元素 */
content:"测试文字",
location:"top", /* 提示框弹出的方向 上、右、下、左(left,right,bottom,top)*/,
triggerShowEventName: "mouseenter" /* 触发显示事件的名称 */,
triggerCloseEventName: "mouseleave" /* 触发关闭事件的名称 */,
triggerShowEventCallBack: function () {} /* 触发显示事件的回调 */,
triggerCloseEventCallBack: function () {} /* 触发关闭事件的回调*/,
})
详情参数请看代码