cszchen / alte
AdminLTE主题的小部件
v2.0.2
2016-11-17 09:55 UTC
Requires
This package is not auto-updated.
Last update: 2020-11-13 21:43:58 UTC
README
Bootstrap模板AdminLTE小部件为yii2框架。它使构建bootstrap管理面板变得简单。
安装
composer require "cszchen/alte": ">=2.0.0"
如何使用
布局示例文件:@vendor/cszchen/alte/views/main-layout.php
示例
controllers/SiteController.php
class SiteController extends \yii\web\Controller { public $layout = '@vendor/cszchen/alte/veiws/main-layout.php'; public function actionIndex() { return $this->render('index'); } }
views/site/index.php
use cszchen\alte\widgets\Box; $this->title = "Title here!"; Box::begin([ 'type' => 'primary', 'title' => 'Box title', 'refreshUrl' => '/userinfo', 'tools' => ['refresh', 'collapse', 'remove'], 'collapsed' => false ]); echo "cszchen/alte"; Box::end();
导航栏
NavBar::begin([ 'brandLabel' => 'cszchen/alte', 'brandLabelSm' => 'Alte', 'items' => [ [ 'label' => 'Home', 'url' => ['/site/index'], 'icon' => 'fa fa-dashboard test-green', 'items'=>[ ['label' => 'child#1', 'icon' => 'fa fa-user'], ['label' => 'child#2', 'url' => '#'] ] ], ['label' => 'About', 'small' => 15, 'url' => ['/site/about']] ] ]); NavBar::end();
侧边栏
echo Sidebar::widget([ //'search' => false, 'items' => [ [ 'label' => 'level1', 'url' => '#', 'small' => 1, 'icon' => 'fa fa-dashboard text-green', 'items' => [ ['label' => 'level2', 'url' => '#', 'icon' => 'fa fa-user text-red'], ['label' => 'level2', 'url' => '#', 'items' => [['label' => 'level3']]] ] ] ], ]);
框
Box::begin([ 'type' => 'primary', 'title' => 'Box title', 'refreshUrl' => '/userinfo', 'tools' => ['refresh', 'collapse', 'remove'], 'collapsed' => false ]); echo "cszchen/alte"; Box::end();