如何在Laravel 5.6中使用toastify-js?

时间:2018-08-16 10:21:44

标签: javascript laravel notifications

强化JS:https://apvarun.github.io/toastify-js/

我想在我的laravel项目中集成toastify js来进行敬酒通知。

1 个答案:

答案 0 :(得分:0)

  

对于laravel,您可以将其添加到页眉和页脚app.css和app.js中。与我们所做的HTML相同。

使用传统方法将ToastifyJs添加到HTML页面

要开始使用Toastify,请在页面上添加以下CSS。

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">

还有页面底部的脚本

<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>

文件通过jsdeliver提供的CDN服务进行传递

文档

Toastify({
  text: "This is a toast",
  duration: 3000,
  destination: "https://github.com/apvarun/toastify-js",
  newWindow: true,
  close: true,
  gravity: "top", // `top` or `bottom`
  positionLeft: true, // `true` or `false`
  backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
}).showToast();