csl / toastr
支持 laravel5.* toastr 是一个用于非阻塞通知的 JavaScript 库。需要 jQuery。目标是创建一个可定制和扩展的简单核心库。
1.5
2017-04-09 12:55 UTC
Requires
- illuminate/support: ~5.0
This package is not auto-updated.
Last update: 2024-09-15 02:46:49 UTC
README
支持 laravel5.*
toastr 是一个用于非阻塞通知的 JavaScript 库。需要 jQuery。目标是创建一个可定制和扩展的简单核心库。
安装
使用 Composer
composer require csl/toastr
将服务提供者添加到 config/app.php
Csl\Toastr\ToastrServiceProvider::class,
在 config/app.php
中添加 Facade
'Toastr' => Csl\Toastr\Toastr::class,
使用方法
jQuery toast,您需要在您的 HTML 中添加 css 和 js。
<link rel="stylesheet" href="http://cdn.bootcss.com/toastr.js/latest/css/toastr.min.css"> <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script> <script src="http://cdn.bootcss.com/toastr.js/latest/js/toastr.min.js"></script> {!! Toastr::message() !!}
Toastr::info('foo', 'bar'); Toastr::success('foo', 'bar'); Toastr::warning('foo', 'bar'); Toastr::error('foo', 'bar');
示例
<?php Route::get('/', function () { Toastr::success('Hi! this is Toastr', 'Hello', ["positionClass" => "toast-bottom-left"]); return view('welcome'); });
<!DOCTYPE html> <html> <head> <title>Laravel</title> <link rel="stylesheet" href="http://cdn.bootcss.com/toastr.js/latest/css/toastr.min.css"> </head> <body> <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script> <script src="http://cdn.bootcss.com/toastr.js/latest/js/toastr.min.js"></script> {!! Toastr::message() !!} </body> </html>
配置
如果您需要修改闪存消息部分,您可以运行
php artisan vendor:publish
发布 config/toastr.php
的配置文件。
您可以查看toastr 的文档来自定义您的需求。