README

为 Yii2 的 Material Design Lite

安装

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

运行以下命令之一

php composer.phar require --prefer-dist antonyz89/yii2-material-design-lite "*"

或在您的 composer.json 文件的 require 部分添加

"antonyz89/yii2-material-design-lite": "*"

to the require section of your composer.json file.

用法

使用前

移除 bootstrap css
移除 Kartik's DialogBootstrap js 和 css

# common/config/main.php

[
    'components' => [
        'assetManager' => [
            //'forceCopy' => true,
            'converter' => [
                //'forceConvert' => true,
                'commands' => [
                    'scss' => ['css', 'sass {from} {to} --source-map'],
                ]
            ],
            'bundles' => [
                BootstrapAsset::class => ['css' => []],
                DialogBootstrapAsset::class => ['js' => [], 'css' => []]
            ]
        ]
    ] 
];

将 MaterialAsset::class 添加到您的 AppAsset::class

use antonyz89\mdl\MaterialAsset;
use yii\web\YiiAsset;

class AppAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';

    public $css = [];
    public $js = [];
    public $depends = [
        // ...
        YiiAsset::class,
        MaterialAsset::class
    ];
}

特性

通过 Material Design Lite 实现 Material Design
Ecmascript 6 (带 babel)
响应式深色和浅色 Material Design。
以用户体验为重点
Sass
D3 和 NVD3
MIT 许可证

致谢

使用 Material Design Lite 构建的 UI 组件。
Material Dashboard Lite 为您提供令人惊叹的响应式仪表板，具有深色主题、组件、图表等。（该库基于哪个库）
Kartik 增强 yii2 的组件

支持项目

给仓库加星标
创建问题报告或功能请求

antonyz89 / yii2-material-design-lite

维护者

详情

README

安装

用法

特性

致谢

支持项目