注:引入Bootstrap.min.css仅提供index.html页面内容显示,无其他作用
PostbirdAlertBox.alert({
'title': '提示标题',
'content': '提示内容主体',
'okBtn': '好的',
'contentColor': 'red',
'onConfirm': function () {
console.log("回调触发后隐藏提示框");
alert("回调触发后隐藏提示框");
}
});
PostbirdAlertBox.confirm({
'title': '提示标题',
'content': '离开本页面进行跳转',
'okBtn': '好的',
'contentColor': 'red',
'onConfirm': function () {
console.log("OK - 回调触发后隐藏提示框");
alert("OK - 回调触发后隐藏提示框");
},
'onCancel': function () {
console.log("Cancel-回调触发后隐藏提示框");
alert("Cancel-回调触发后隐藏提示框");
}
});
PostbirdAlertBox.prompt({
'title': '请输入姓名',
'okBtn': '提交',
onConfirm: function (data) {
console.log("输入框内容是:" + data);
alert("输入框内容是:" + data);
},
onCancel: function (data) {
console.log("输入框内容是:" + data);
alert("输入框内容是:" + data);
},
});
参数属性 | 意义 | 适用方法 | 是否必须 |
---|---|---|---|
title | 弹框标题 | alert、confirm(不适用于prompt) | 否,默认 : 提示信息 |
promptTitle | prompt标题 | prompt | 否,默认 :请输入内容 |
content | 提示内容主体 | alert、confirm(不适用于prompt) | 否,默认 : 提示内容 |
contentColor | 提示内容颜色 | alert、confirm | 否,默认 : #000000 |
okBtn | 确认按钮文字 | alert、confirm (不适用于prompt) | 否,默认 : 好的 |
promptOkBtn | prompt确认按钮文字 | prompt | 否,默认 : 确认 |
okBtnColor | 确认按钮颜色 | alert、confirm、prompt | 否,默认 : #0e90d2 |
cancelBtn | 取消按钮文字 | alert、confirm、prompt | 否,默认 : 取消 |
onConfirm | 确认按钮事件 | alert、confirm、prompt(存在参数data) | 否,默认 : 不触发事件 |
onCancel | 取消按钮事件 | alert、confirm、prompt(存在参数data) | 否,默认 : 不触发事件 |