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主题