2015-10-18 3 views
2

Я пытаюсь добавить Materialize в свой расширенный проект Yii2.Как добавить материализацию в Yii2

и есть образец шаблона для этого, но я не могу даже использовать его в моем Yii приложении

http://yii2.themefactory.net/theme/54/material-simple#.ViNmS_krLIU

Как я могу добавить материализовать CSS в моем главном приложении?

есть хороший учебник об этом?

Благодаря

ответ

2

Это довольно легко добавлять рамки материализовать в вашу Yii2 App.

Первый способ (не рекомендуется):

Скопируйте все необходимые CSS и JS файлы в общедоступном веб-каталога. Затем в frontend\assets\AppAsset классе добавьте следующие строки:

public $css = [ 
    //... another css files 
    'css/materialize.min.css' 
]; 


public $js = [ 
    //... another js files 
    'js/materialize.min.js' 
]; 

Другим способом будет использовать Yii2-х Bower.

Большинство JavaScript/CSS пакеты управляются с помощью Bower и/или NPM, вместо Composer. Yii использует Composer asset plugin, чтобы включить управление этими видами пакетов через Composer. Если расширение зависит от Bower пакета, вы можете просто указать зависимость в composer.json как следующее:

{ 
// package dependencies 
"require": { 
    "bower-asset/jquery": ">=1.11.*" 
} 
} 

Итак:

bower install materialize 

Дополнительная информация (Yii2's Официальный документ): Bower and NPM Assets


Также может быть замечательно, что вы можете определить новый Asset Bundle для своего приложения, поэтому нет необходимости изменять класс AppAsset. Для того, чтобы создать свой собственный Asset Bundle проверить следующие ссылки:

Defining Asset Bundles и Using Asset Bundles


Если вы хотите отключить bootstrap или JQuery из вашего приложения, вы можете проверить по следующей ссылке:

Yii2 disable Bootstrap Js, JQuery and CSS

0

Вы можете использовать Materialize for Yii2 package.This repo предоставляет альтернативу Bootstrap, реализуя Materialize в Yii2.

Другие альтернативные варианты: 1 & 2.

Смежные вопросы