当前位置:主页 > JavsScript库 > 通知 / 提示 >

JavaScript中的警报/确认/吐司对话框 – Cute Alert
栏目分类:通知 / 提示   发布日期:2021-08-31   浏览次数:

Cute Alert 是一个 Vanilla JavaScript 对话框弹出库,用于在 Web 应用程序上创建警报通知、确认弹出框和吐司消息。

使用:

1. 首先,在文档中加载可爱警报的文件。

<link rel="stylesheet" href="style.css" /> 
<script src="cute-alert.js"></script>

2. 创建警报通知框并确定通知类型如下:

cuteAlert({
  type: "success",
  title: "Success Title",
  message: "Success Message",
  buttonText: "Okay"
})
 
cuteAlert({
  type: "error",
  title: "Error Title",
  message: "Error Message",
  buttonText: "Okay"
})
 
cuteAlert({
  type: "warning",
  title: "Warning Title",
  message: "Warning Message",
  buttonText: "Okay"
})
 
cuteAlert({
  type: "info",
  title: "Info Title",
  message: "Info Message",
  buttonText: "Okay"
}).then(() => {
  // do something
})

3. 创建一个确认对话框。

cuteAlert({
  type: "question",
  title: "Confirm Title",
  message: "Confirm Message",
  confirmText: "Okay",
  cancelText: "Cancel"
}).then((e)=>{
  if ( e == ("Thanks")){
} else {
    alert(":-(");
  }
})

4. 创建 Toast 消息并确定超时时间(以毫秒为单位)。

CuteToast({ 
  type: "success", // or 'info', 'error', 'warning' 
  message: "Toast Message", 
  timer: 5000 
})


官方网站:https://github.com/gustavosmanc/cute-alert

相关热词: Cute Alert

相关下载
声源:本站内容均来自互联网,仅供交流学习之用,请勿作商业用途,所有资源版权归原作者所有。如果有侵犯到您的权益,请联系本站删除,谢谢合作!
jQuery库 JavsScript库 Html5库 CSS3库