README

这个包包含Startbootstrap SB Admin 2的Asset Bundle，适用于Yii2。

Startbootstrap SB Admin 2 是由 Start Bootstrap 创建的响应式 Bootstrap 4 模板。

预览

Start Bootstrap 由 David Miller 创建并维护，他是 Blackrock Digital 的所有者。

Start Bootstrap 基于由 Mark Otto 和 Jacob Thorton 创建的 Bootstrap 框架。

要求

这个Asset Bundle需要Bootstrap 4。由于Yii2默认使用Bootstrap 3，您必须安装并将每个Bootstrap 3 Asset更改为Bootstrap 4。您可以阅读这篇教程了解如何将Yii2迁移到Bootstrap 4。

英文: 如何在Yii2中使用Bootstrap 4主题
印尼语: 使用Bootstrap 4的Yii2 Web编程

安装

安装此扩展的最佳方式是通过 composer。

运行

composer require kadotafig/yii2-startbootstrap-sb-admin-2-asset:dev-master

或添加

"kadotafig/yii2-startbootstrap-sb-admin-2-asset": "*"

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

用法

您可以在views-examples文件夹中查看此库的示例用法

菜单小部件

您可以在侧边栏中使用菜单小部件。此小部件针对Startbootstrap SB-Admin 2模板进行了优化。此小部件，如SB-Admin 2一样，仅支持2级菜单。

您可以在 views-exampale/views/layout/sidebar.php 中查看此小部件的示例用法。

use kadotafig\sbadmin2\widgets\Menu;
echo Menu::widget([
    'options' => [
        'ulClass' => "navbar-nav bg-gradient-primary sidebar sidebar-dark accordion",
        'ulId' => "accordionSidebar"
        'setToggle' => true, //optional turns on sidebarToggle
    ], //  optional
    'brand' => [
        'url' => ['/'],
        'content' => <<<HTML
            <div class="sidebar-brand-icon rotate-n-15">
            <i class="fas fa-laugh-wink"></i>
            </div>
            <div class="sidebar-brand-text mx-3">SB Admin <sup>2</sup></div>        
HTML
    ],
    'items' => [
        [
            'label' => 'Menu 1',
            'url' => ['/menu1'], //  Array format of Url to, will be not used if have an items
            'icon' => 'fas fa-fw fa-tachometer-alt', // optional, default to "fa fa-circle-o
            'visible' => true, // optional, default to true
            // 'options' => [
            //     'liClass' => 'nav-item',
            // ] // optional
        ],
        [
            'type' => 'divider', // divider or sidebar, if not set then link menu
            // 'label' => '', // if sidebar we will set this, if divider then no
        ],
        [
            'label' => 'Menu 2',
            // 'icon' => 'fa fa-menu', // optional, default to "fa fa-circle-o
            'visible' => true, // optional, default to true
            // 'subMenuTitle' => 'Menu 2 Item', // optional only when have submenutitle, if not exist will not have subMenuTitle
            'items' => [
                [
                    'label' => 'Menu 2 Sub 1',
                    'url' => ['/menu21'], //  Array format of Url to, will be not used if have an items
                ],
                [
                    'label' => 'Menu 2 Sub 2',
                    'url' => ['/menu22'], //  Array format of Url to, will be not used if have an items
                ],
            ]
        ],

        [
            'label' => 'Menu 3',
            'visible' => true, // optional, default to true
            // 'subMenuTitle' => 'Menu 3 Item', // optional only when have submenutitle, if not exist will not have subMenuTitle
            'items' => [
                [
                    'label' => 'Menu 3 Sub 1',
                    'url' => ['/menu21'], //  Array format of Url to, will be not used if have an items
                ],
                [
                    'label' => 'Menu 3 Sub 2',
                    'url' => ['/menu22'], //  Array format of Url to, will be not used if have an items
                    'linkOptions' => [
                       'onClick' => 'alert("This is onClick")',
                    ]
                ],
            ]
        ],
    ]
]);

如您在上述示例中所见，此小部件包含两个主要方法。

卡片小部件

您可以使用卡片小部件。此小部件将创建优化为此模板的bootstrap卡片。

以下代码展示了卡片的使用示例

use kadotafig\sbadmin2\widgets\Card;
echo Card::widget([
    'type' => 'cardBorder',
    'label' => 'Label',
    'sLabel' => '1000',
    'icon' => 'fas fa-calendar',
    'iconUrl' => '/your/url', //optional <a class="{iconFormType}" href="{iconUrl}"><i class="fas fa-{faIcon} fa-2x text-gray-300"></i></a>
    'iconFormType' => 'modal-form', //optional if iconUrl used
    'options' => [
        'colSizeClass' => 'col-md-3',
        'borderColor' => 'primary',
    ]
]);

如您在上述示例中所见，此小部件包含一些方法。

待办事项

待办事项小部件

菜单
卡片边框
卡片盒子
头部菜单
根据参数设置头部颜色
等等

创建者

此资产包装器由 hoaaah 创建并维护。

kadotafig / yii2-startbootstrap-sb-admin-2-asset

维护者

详细信息

README

预览

要求

安装

用法

菜单小部件

卡片小部件

待办事项

创建者