Php 从Yii2上的materializecss添加完整的css和文件
关于在Php 从Yii2上的materializecss添加完整的css和文件,php,css,twitter-bootstrap,yii2,yii2-advanced-app,Php,Css,Twitter Bootstrap,Yii2,Yii2 Advanced App,关于在Yii2中添加它的最新问题,下面是我的AppAsset: <?php /** * @link http://www.yiiframework.com/ * @copyright Copyright (c) 2008 Yii Software LLC * @license http://www.yiiframework.com/license/ */ namespace frontend\assets; use yii\web\AssetBundle; /** * @a
Yii2
中添加它的最新问题,下面是我的AppAsset:
<?php
/**
* @link http://www.yiiframework.com/
* @copyright Copyright (c) 2008 Yii Software LLC
* @license http://www.yiiframework.com/license/
*/
namespace frontend\assets;
use yii\web\AssetBundle;
/**
* @author Qiang Xue <qiang.xue@gmail.com>
* @since 2.0
*/
class AppAsset extends AssetBundle
{
public $basePath = '@webroot';
public $baseUrl = '@web';
public $css = [
'css/materialize.css',
'css/materialize.min.css',
];
public $js = [
'js/materialize.js',
'js/materialize.min.js',
];
public $depends = [
# 'yii\web\YiiAsset',
# 'yii\bootstrap\BootstrapAsset',
];
}
干杯 首先取消“yii\web\YiiAsset”的注释,然后仅使用css和js的最小版本,并将css添加到应用程序资产中“” 最后一个导航条应该是这样的
<nav>
<div class="nav-wrapper">
<a href="#" class="brand-logo">my company</a>
<a href="#" data-activates="mobile" class="button-collapse"><i class="material-icons">menu</i></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="<?= Url::toRoute("site/index")?>">Home</a></li>
<li><a href="<?= Url::toRoute("site/stuff")?>">Stuffs</a></li>
</ul>
<ul class="side-nav" id="mobile">
<li><a href="<?= Url::toRoute("site/index")?>">Home</a></li>
<li><a href="<?= Url::toRoute("site/stuff")?>">Stuffs</a></li>
</ul>
</div>
</nav>
另一种简单的方法是使用composer:)安装yii2的materialize css主题。首先取消对“yii\web\YiiAsset”的注释,然后只使用css和js的最小版本,并将css添加到应用程序资产中“ 最后一个导航条应该是这样的
<nav>
<div class="nav-wrapper">
<a href="#" class="brand-logo">my company</a>
<a href="#" data-activates="mobile" class="button-collapse"><i class="material-icons">menu</i></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="<?= Url::toRoute("site/index")?>">Home</a></li>
<li><a href="<?= Url::toRoute("site/stuff")?>">Stuffs</a></li>
</ul>
<ul class="side-nav" id="mobile">
<li><a href="<?= Url::toRoute("site/index")?>">Home</a></li>
<li><a href="<?= Url::toRoute("site/stuff")?>">Stuffs</a></li>
</ul>
</div>
</nav>
另一种简单的方法是使用composer:)为yii2安装MaterializeCSS主题