README

此包包含使用 Fontawesome 和 Animate.CSS 的实用 flash 小部件，具有扁平化设计。Flash 资产依赖于 yii2-assets-animatecss 和 yii2-assets-fontawesome。

安装

安装此扩展的首选方式是通过 composer。

要安装，请运行

$ php composer.phar require bahirul/yii2-widgets-ui-flash "*"

或添加

"bahirul/yii2-widgets-ui-flash": "*"

到您的 composer.json 文件的 require 部分。

截图

最新版本

注意：最新版本为 v1.4.1，发布于 1438 年 9 月 25 日。请参阅 CHANGE.md 获取详细信息。

基本使用

在控制器中

//Define your flash message 
Yii::$app->session->setFlash('error','display error'); 

在视图或布局中

<?php
use bahirul\yii2\widgets\ui\FlashMessage;
?>

<!-- HTML Code -->

<?php echo FlashMessage::widget();?>

<!-- #END HTML -->

高级使用

在视图或布局中

<?php
use bahirul\yii2\widgets\ui\FlashMessage;
?>

<!-- HTML Code -->

<?php echo FlashMessage::widget([
    'animateCss' => 'bounce', //Animate.CSS class. Default : bounce.
    'isBold' => true, //Use bold font. Default : false.
    'closeButton' => true, //Flash close button. Default : true.
    'useIcon' => true, //Use icon in flash message. Default: true.
    'margin' => 10, //Margin between flash container. Default: 0.
    'padding' => 15, //Padding flash container. Default : 20.
    'borderRadius' => 3, //Border radius flash container. Default: 0.
    'isAjaxRemoveFlash' => true, //Show flash in ajax request. Default : false.
    'useFontawesomeAsset' => true, //Use FA asset. Default : true.
    'useAnimateCssAsset' => true, //Use AnimateCss asset. Default : true (!!! important !!! If you set this to false, you can't use close button javascript)
    'options' => [
        'class' => 'options-class', //Append Own CSS to flash container. Default: '' (null).
    ],
    'flashTypes' => [
        //Default flash types
        'error' => [
            'class' => 'flash-error',
            'icon' => '<i class="fa fa-fw fa-exclamation-circle flash-icon"></i>',
        ],
        'danger' => [
            'class' => 'flash-danger',
            'icon' => '<i class="fa fa-fw fa-ban flash-icon"></i>',
        ],
        'success' => [
            'class' => 'flash-success',
            'icon' => '<i class="fa fa-fw fa-check flash-icon"></i>',
        ],
        'info' => [
            'class' => 'flash-info',
            'icon' => '<i class="fa fa-fw fa-info flash-icon"></i>',
        ],
        'warning' => [
            'class' => 'flash-warning',
            'icon' => '<i class="fa fa-fw fa-warning flash-icon"></i>',
        ],
        'dark' => [
            'class' => 'flash-dark',
            'icon' => '<i class="fa fa-fw fa-bell flash-icon"></i>',
        ],
        'purple' => [
            'class' => 'flash-puple',
            'icon' => '<i class="fa fa-fw fa-bell flash-icon"></i>',
        ],
        //Add you own flash type here
        'own-flash' => [ //Flash name
            'class' => 'own-flash', //Flash class
            'icon' => '<i class="fa fa-fw fa-bell flash-icon"></i>', //Flash icon
        ],
    ],
]);?>

<!-- #END HTML -->

许可证

yii2-widgets-ui-flash 在 BSD 3-Clause 许可证下发布。有关详细信息，请参阅捆绑的 LICENSE.md。