Toastify JS:https://apvarun.github.io/toastify-js/我想把toastify js和我的laravel项目集成在一起,以实现toast通知。
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();
1条答案
按热度按时间ldxq2e6h1#
在laravel的情况下,你必须在app.css和app.js的页眉和页脚中添加它。就像HTML一样。
使用传统方法将ToastifyJs添加到HTML页面
要开始使用Toastify,请在页面上添加以下CSS。
还有页面底部的剧本
文件通过jsdeliver提供的CDN服务进行交付
文档