您的位置：首页 > 编程技术 > php  >  yii2简单使用less代替css示例

yii2简单使用less代替css示例

 更新时间：2017年3月12日 22:11  点击：1334

添加组件php composer.phar require --prefer-dist singrana/yii2-less "*"

修改配置文件`main.php'

'components' => [
  'assetManager' => [
    'converter' =>
      [
        'class' => \singrana\assets\Converter::className(),
      ],
  ],
],

在AppAsset中

class AppAsset extends AssetBundle
{
  public $basePath = '@webroot';
  public $baseUrl = '@web';
  public $css = [
    'css/site.less', //*.less代替*.css并在css目录中使用.less后缀的，并在版本库中忽略.css文件
  ];
  public $js = [
  ];
  public $depends = [
    'yii\web\YiiAsset',
    'yii\bootstrap\BootstrapAsset',
  ];
}

这样就可以用less来写样式了

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

[!--infotagslink--]

相关文章

  • js+css实现回到顶部按钮（back to top）

    这篇文章主要为大家详细介绍了js+css实现回到顶部按钮back to top回到顶部按钮，感兴趣的小伙伴们可以参考一下...2016-03-03

  • BootStrap CSS全局样式和表格样式源码解析

    这篇文章主要为大家详细解析了BootStrap图片样式、辅助类样式和CSS组件源码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2017-01-23

  • XML、HTML、CSS与JS的区别整理

    在BS中，xml，html，css和js我们都学过，起初分不清这四者的区别和联系，随着知识的增长，有了一些体会，下面通过本文给大家简单介绍 XML、HTML、CSS与JS的区别，需要的朋友参考下...2016-02-21

  • JavaScript驾驭网页-CSS与DOM

    DOM是种符合万维网标准的HTML操纵方式，它能比innerHTML特性达成更多操控功能。这篇文章主要介绍了JavaScript驾驭网页-CSS与DOM的相关资料,需要的朋友可以参考下...2016-03-28

  • js+css简单实现网页换肤效果

    这篇文章主要介绍了js+css简单实现网页换肤效果的方法,涉及JavaScript响应鼠标事件动态遍历及修改页面元素样式的相关技巧,需要的朋友可以参考下...2016-01-02

  • Webpack打包css后z-index被重新计算的解决方法

    这篇文章主要跟大家分享了Webpack打包css后z-index被重新计算的解决方法，文中介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面跟着小编一起来学习学习吧。...2017-06-24

  • JS+CSS实现的漂亮渐变背景特效代码(6个渐变效果)

    这篇文章主要介绍了JS+CSS实现的漂亮渐变背景特效代码,包含6个渐变效果,涉及JavaScript针对页面元素属性动态操作的相关技巧,需要的朋友可以参考下...2016-03-28

  • 一步步教大家编写酷炫的导航栏js+css实现

    一步步教大家编写酷炫的导航栏，js+css实现黑色经典导航栏，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2016-03-18

  • 教你如何在pycharm中使用less

    这篇文章主要介绍了如何在pycharm中使用less,操作步骤真的很简单，本文通过图文并茂的形式给大家详细介绍，需要的朋友可以参考下...2021-10-28

  • js css实现垂直方向自适应的三角提示菜单

    这篇文章主要为大家详细介绍了js css实现垂直方向自适应的三角提示菜单的相关资料,需要的朋友可以参考下...2016-07-01

  • BootStrap 图片样式、辅助类样式和CSS组件的实例详解

    这篇文章主要介绍了BootStrap 图片样式、辅助类样式和CSS组件的实现代码，图文并茂介绍的非常详细，需要的朋友参考下吧...2017-01-23

  • DIV+CSS+jQ实现省市联动可扩展

    这篇文章主要介绍了DIV+CSS+jQ实现省市联动可扩展方法的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下...2016-06-24

  • js+css绘制颜色动态变化的圈中圈效果

    这篇文章主要介绍了js+css绘制颜色动态变化的圈中圈效果,涉及JavaScript结合时间函数动态操作页面元素样式的相关技巧,需要的朋友可以参考下...2016-01-29

  • jQuery+css实现的切换图片功能代码

    这篇文章主要介绍了jQuery+css实现的切换图片功能代码,涉及jQuery响应鼠标事件动态变换页面元素样式的相关技巧,需要的朋友可以参考下...2016-01-29

  • 安卓用户小心!赶紧删掉这个恶意程序Godless

    安卓用户小心，近期出现一种针对安卓手机的恶意应用程序Godless，该恶意程序可以获取安卓手机的Root权限，一旦获取系统的Root权限，就会在手机用户未授权的情况下远程访问并进行入侵攻击，所以一定要把它们都全部删掉...2016-08-27

  • jQuery+css实现的换页标签栏效果

    这篇文章主要介绍了jQuery+css实现的换页标签栏效果,涉及jQuery动态操作页面元素构造换页标签的相关技巧,需要的朋友可以参考下...2016-01-29

  • 分享10个优化代码的CSS和JavaScript工具

    如果你想在保持文件的时候或执 行的阶段lint代码，那么linting工具也可以如你所愿。这取决于个人的选择。如果你正在找寻用于CSS和JavaScript最好的 linting工具，那么请继续阅读...2016-05-14

  • .Net Core项目中NLog整合Exceptionless实例

    这篇文章主要介绍了.Net Core项目中NLog整合Exceptionless实例，NLog主要是收集程序中的日志，Exceptionless可以统一收集管理并展示出来程序的日志，两者结合使用，相得益彰。感兴趣的小伙伴可以参考这篇文章...2021-09-22

  • JavaScript获取图片像素颜色并转换为box-shadow显示

    这篇文章主要介绍了JavaScript获取图片像素颜色并转换为box-shadow显示的方法,用到了HTML5中的FileReader API和getImageData,转换为的CSS3 box-shadow也要注意浏览器的兼容问题,需要的朋友可以参考下...2016-03-12

  • JS+CSS实现闪烁字体效果代码

    这篇文章主要介绍了JS+CSS实现闪烁字体效果代码,可实现文字按照指定颜色逐次闪烁显示的功能,代码非常简单实用,需要的朋友可以参考下...2016-04-06