csl / toastr

支持 laravel5.* toastr 是一个用于非阻塞通知的 JavaScript 库。需要 jQuery。目标是创建一个可定制和扩展的简单核心库。

1.5 2017-04-09 12:55 UTC

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 的文档来自定义您的需求。