README

用于在 Yii2 中实现 FezVrasta 的 Bootstrap 物料设计的 Composer 包 https://github.com/FezVrasta/bootstrap-material-design

安装

运行以下命令：

composer global require "romdim/yii2-bootstrap-material:dev-master"

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

"romdim/yii2-bootstrap-material": "dev-master",

您需要安装 npm 和 bower 才能使用此包。或者您也可以使用项目中没有这些工具的解决方案

• https://github.com/yidas/yii2-bower-asset（Yii 2 官方 Composer 存储库的 Bower 资产解决方案）
• https://github.com/fxpio/composer-asset-plugin（NPM/Bower 依赖管理器用于 Composer）

现在还有一个名为 material-0-2-2 的分支，它使用了 FezVrasta 的 Bootstrap 物料设计版本 0.2.2，目前看起来更好。您可以通过将上述代码中的 dev-master 更改为 dev-material-0-2-2 来使用此分支。

用法

安装后，只需在您的 AppAsset 中添加

    public $depends = [
        'yii\web\YiiAsset',
		'romdim\bootstrap\material\BootMaterialCssAsset',
		'romdim\bootstrap\material\BootMaterialJsAsset'
    ];

即可

如果您想使用压缩版本，则可以添加

$config = [
    ...
    'components' => [
        ...
        'assetManager' => [
            'class' => 'yii\web\AssetManager',
            'appendTimestamp' => true,
            'bundles' => [
                ...
                'romdim\bootstrap\material\BootMaterialCssAsset' => [
                    'css' => [
                        YII_ENV_DEV ? 'css/ripples.css' : 'css/ripples.min.css',
                        YII_ENV_DEV ? 'css/material.css' : 'css/material.min.css',
                    ]
                ],
                'romdim\bootstrap\material\BootMaterialJsAsset' => [
                    'js' => [
                        YII_ENV_DEV ? 'js/ripples.js' : 'js/ripples.min.js',
                        YII_ENV_DEV ? 'js/material.js' : 'js/material.min.js',
                    ]
                ]
                ...
            ]
        ]
        ...
    ]
    ...
]

您应该在 body 中添加以下代码以使所有效果生效

$(function() { $.material.init(); });