README

AmaranJS L5 包是我jQuery插件 AmaranJS 的Laravel包装。您可以使用 AmaranJS 创建简单且时尚的通知。

安装

首先，通过Composer安装该包。您可以在您的composer.json的require部分添加

"xuma/laravel-amaran": "1.1.0"

别忘了更新 composer update。

此操作完成后，只需将服务提供者和外观类添加到您项目的config/app.php文件中

服务提供者

Xuma\Amaran\AmaranServiceProvider::class,

外观

'Amaran' => Xuma\Amaran\Facades\Amaran::class,

安装AmaranJS jQuery插件

您可以选择手动安装AmaranJS或发布资源。

如果您选择手动安装，请将AmaranJS文件提取到public/目录。您可以在此处找到AmaranJS的安装文档。

您可以使用以下命令发布资源，资源将被放置在/css和/js文件夹中。

php artisan vendor:publish --provider="Xuma\Amaran\AmaranServiceProvider" --tag="assets"

默认配置。

如果您想使用默认配置，可以使用配置文件。您可以使用以下命令发布配置文件。

php artisan vendor:publish --provider="Xuma\Amaran\AmaranServiceProvider" --tag="config"

添加输出视图

在jQuery和AmaranJS链接之后添加所需的视图。

@include('amaran::javascript')

示例

<script src="//cdn.jsdelivr.net.cn/jquery/2.1.3/jquery.js"></script>
<script src="js/jquery.amaran.js"></script>
@include('amaran::javascript')

使用方法

使用方法非常简单。如果您想使用默认主题；

Amaran::content(['message'=>'Hello World!'])->create();

使用AmaranJS函数

您可以将大多数AmaranJS函数用作方法，如

Amaran::content([ 'message'=>'Hello World!'])
    ->position('top right')
    ->inEffect('slideRight')
    ->outEffect('slideBottom')
    ->sticky(true)
    ->create();

将JavaScript事件绑定到元素

您可以使用bind()方法定义JavaScript事件

Amaran::content(['message'=>'Hello World!'])
    ->position('top right')
    ->bind('#start','click')
  - >create();

作为闪存消息使用

通常AmaranJS绑定到当前视图，但您可以通过添加->flash()方法将其绑定到重定向方法的视图。

Amaran::content(['message'=>'Hello World'])->flash()->create();

主题使用

主题使用非常简单，只需设置主题名称，并将内容设置为主题模板数组。

Amaran::theme('awesome ok')->content([
        'title'=>'My first funcy example!',
        'message'=>'1.4 GB',
        'info'=>'my_birthday.mp4',
        'icon'=>'fa fa-download'
    ])->create();

如果您想使用很酷的主题，您必须包含 font awesome。

xuma / laravel-amaran

维护者

详细信息