通过
搜索
搜索appslabke / lara-izitoast
izitoast JavaScript 通知库的简化封装
v1.1.1
2019-01-31 12:43 UTC
Requires
- php: >=5.6
README
这是一个使用http://izitoast.marcelodolce.com JavaScript 库构建的 Laravel 通知封装。
如何使用此包
配置
-
在 lara-izitoast.php 配置目录中更改配置。
-
通过 composer 获取包
composer require appslabke/lara-izitoast
- 如果你没有使用 Laravel 5.5 或更高版本，请将服务提供者在 config 目录下的 app.php 中的 providers 下添加。
'providers' => [ LaraIzitoast\LaraIzitoastServiceProvider::class, ]
如果你使用 Laravel 5.5 及以上版本，该包将由 Laravel 自动发现
- 发布 Lara-Izitoast 包
php artisan vendor:publish --provider="LaraIzitoast\LaraIzitoastServiceProvider"
-
http://izitoast.marcelodolza.com CSS 和 JS 文件将被发布到你的 public 目录。
-
这将同时创建一个配置文件。你可以从配置中更改通知大小
-
在你的布局 blade 中添加文件
<head>
.....
<link href="{{ asset('css/iziToast.css') }}" rel="stylesheet">
.....
</head>
<body>
.....
<script src="{{ asset('js/iziToast.js') }}"></script>
.....
<body/>
- 在 Layout blade 中 iziToast js 下方包含包视图文件
@include('vendor.lara-izitoast.toast')
- 如果你打算使用图标，请记得也添加 font-awesome 或 Icomoon https://fontawesome.com/?from=io / https://icomoon.io/
让我们制作一个通知
- 快速制作通知（通知）的方式
notify("快速通知");
或者
notify("让我们制作一个通知","Toast","info","topRight");
- 通知方法
notify()->success("消息","标题","位置", "图标");
notify()->success("成功通知测试","成功","topRight");
notify()->error("错误通知测试","错误","topLeft");
notify()->warning("警告通知测试","警告","bottomLeft");
notify()->info("信息通知测试","信息","bottomRight");
return view('welcome');
- 这就是全部。
贡献 & 许可证
Lara-Izitoast 采用 MIT 许可证分发。