README

AdminLTE 主题

包含组件

[Box|Panel]-widget
Smallbox-widget
FlashAlert-widget
Callout-widget
Infobox-widget
时间轴组件
- 效果图:http://almsaeedstudio.com/themes/AdminLTE/pages/UI/timeline.html
- 请查看Timeline.md文件了解使用方法

查看更多有关AdminLTE主题的部件

安装

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

运行以下命令

php composer.phar require --prefer-dist wonail/yii2-adminlte "*"

或

"wonail/yii2-adminlte": "*"

将以下内容添加到您的 composer.json 文件的 require 部分。

使用方法

扩展安装完成后，只需在代码中使用即可。

皮肤

默认情况下，AdminLTE 主题扩展使用蓝色（skin-blue）主题，您也可以在配置文件中自定义其他颜色，如下：

'components' => [
    'assetManager' => [
        'bundles' => [
            'wonail\adminlte\AdminLteAsset' => [
                'skin' => 'skin-black',
            ],
        ],
    ],
],

当自定义了其他颜色，您可以使用 AdminLteHelper 助手类读取配置值，如下：

<body class="<?= \wonail\adminlte\AdminLteHelper::skinClass() ?>">

注意： 只有通过配置文件自定义主题颜色才能使用该方法读取主题颜色值，否则无法获取到相关主题颜色

以下是可用的主题颜色：

"skin-blue",
"skin-black",
"skin-red",
"skin-yellow",
"skin-purple",
"skin-green",
"skin-blue-light",
"skin-black-light",
"skin-red-light",
"skin-yellow-light",
"skin-purple-light",
"skin-green-light"

FlashAlert

<?php
    Yii::$app->session->setFlash('success', 'The extension is installed!');
    Yii::$app->session->setFlash('error', ['error1', 'error2']); // 支持数组
    echo \wonail\adminlte\widgets\FlashAlert::widget();
?>

Panel

<?=
\wonail\adminlte\widgets\Box::widget([
    'header' => 'Panel widget',
    'body' => 'This is a panel widget.',
    'isPanel' => true,
]);
?>

Box

<?=
\wonail\adminlte\widgets\Box::widget([
    'header' => 'Box widget',
    'body' => 'This is a box widget.',
]);
?>

Callout

<?=
\wonail\adminlte\widgets\Callout::widget([
    'type'=>\wonail\adminlte\AdminLTE::TYPE_WARNING,
    'body'=>'This is a callout widget.'
]);?>

SmallBox

<?=
\wonail\adminlte\widgets\SmallBox::widget([
    'bgColor'=>\wonail\adminlte\AdminLTE::BG_PURPLE,
    'header'=>'90%',
    'description'=>'Free Space',
    'icon'=>'cloud-download',
    'linkLabel'=>'查看更多 <i class="fa fa-arrow-circle-right"></i>',
    'linkRoute'=>'#'
]);?>

InfoBox

<?=
\wonail\adminlte\widgets\InfoBox::widget([
    'bgColor' => \wonail\adminlte\AdminLTE::BG_AQUA,
    'number' => 100500,
    'header' => 'InfoBox widget',
    'icon' => 'bolt',
    'progress' => 66,
    'progressDescription' => 'Something about this'
])
?>

wonail / yii2-adminlte

维护者

详细信息