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

f45qwnt8  于 2023-05-19  发布在  其他
关注(0)|答案(1)|浏览(140)

Toastify JS:https://apvarun.github.io/toastify-js/
我想把toastify js和我的laravel项目集成在一起,以实现toast通知。

ldxq2e6h

ldxq2e6h1#

在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();

相关问题