yii2简单使用less代替css示例
添加组件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来写样式了
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。
相关推荐
-
yii2 页面底部加载css和js的技巧
一般来说,网页内部的js文件或代码,都是放置在网页底部</body>的前面,这是因为网页自上而下加载,用户在访问我们页面的时候尽量不要因为加载js展现过长时间的空白页面,停留时间过长就白白流失了用户量. yii2中是集成了jQuery的,而且jQuery文件是加载在页面底部的,因此,如果我们的js代码段不在页面底部加载,就很大可能会发生$未定义的友好提示. 我这废话一大堆得毛病确实需要去挂个号看看了... 先来看看js代码段怎么处理 <?php $this->registerJs(
-
Yii2中使用asset压缩js,css文件的方法
官网文档 http://www.yiiframework.com/doc-2.0/guide-structure-assets.html yii目录下运行 asset/template assets.php 生成assets.php,这是一个配置模板,并修改如下 <?php /** * Configuration file for the "yii asset" console command. */ // In the console environment, some pat
-
Yii安装EClientScript插件扩展实现css,js文件代码压缩合并加载功能
本文实例讲述了Yii安装EClientScript插件扩展实现css,js文件代码压缩合并加载功能.分享给大家供大家参考,具体如下: 扩展插件下载地址,解压后复制到/protected/vendor/ https://github.com/muayyad-alsadi/yii-EClientScript main配置文件配置插件,components里面增加 //js,css代码压缩,合并 'clientScript' => array( 'class' => 'application.ven
-
Yii2 加载css、js 载静态资源的方法
应用场景 Yii2提供了AppAsset类管理静态资源,在使用Yii2 布局模板时,如果想在某个页面内部写一段js 并且在页面底部,如果直接使用 script 标签是不可以的. 使用AppAsset类管理静态资源 打开assetsAppAsset.php,定义 addJs(),addCss() 分别用于在静态页面引入外部js.css 文件 1.修改AppAsset.php文件代码 namespace backend\assets; use yii\web\AssetBundle; /** * @
-
yii2简单使用less代替css示例
添加组件php composer.phar require --prefer-dist singrana/yii2-less "*" 修改配置文件`main.php' 'components' => [ 'assetManager' => [ 'converter' => [ 'class' => \singrana\assets\Converter::className(), ], ], ], 在AppAsset中 class AppAsset extends
-
使用vue + less 实现简单换肤功能的示例
做的换肤效果比较简单,只是顶部导航背景色的改变.下面是效果图. 首先,先说一下我最初的思路. 我最初的想法是使用less定义变量,然后通过js来切换变量,通过切换的变量来达到换肤的效果. 我先新建了一个 theme.less文件,代码如下: @theme:@themea; @themea:pink; @themeb:blue; @themec:gray; 如我最开始的想法,应该是通过点击事件来改变变量 @theme 的值. 我用了element-ui这个框架,所以我的下拉菜单的代码也不复杂: <
-
Yii2简单实现多语言配置的方法
本文实例讲述了Yii2简单实现多语言配置的方法,分享给大家供大家参考,具体如下: 1.配置文件中添加 'i18n' => [ 'translations' => [ '*' => [ 'class' => 'yii\i18n\PhpMessageSource', 'basePath' => '@app/messages', 'sourceLanguage' => 'en', 'fileMap' => [ 'custorm' => 'custorm.php',
-
简单的手工hibernate程序示例
本文讲述了简单的手工hibernate程序示例.分享给大家供大家参考.具体如下: 今天学习了下hibernate,写了个小的手工程序,总结下, 首先创建数据库表: 复制代码 代码如下: create table increment_testr(id bigint not null, name char(10), primary key(id)); eclipse下,新建工程. 新建数据库表的映射,这里使用手工方式完成: IncrementTester.java public class Incr
-
Yii2简单实现给表单添加验证码的方法
本文实例讲述了Yii2简单实现给表单添加验证码的方法.分享给大家供大家参考,具体如下: 控制器SiteController: class SiteController extends Controller { // ... public function actions() { return [ // ... 'captcha' => [ 'class' => 'yii\captcha\CaptchaAction', 'fixedVerifyCode' => YII_ENV_TEST ?
-
java实现一个简单的网络爬虫代码示例
目前市面上流行的爬虫以python居多,简单了解之后,觉得简单的一些页面的爬虫,主要就是去解析目标页面(html).那么就在想,java有没有用户方便解析html页面呢?找到了一个jsoup包,一个非常方便解析html的工具呢. 使用方式也非常简单,引入jar包: <dependency> <groupId>org.jsoup</groupId> <artifactId>jsoup</artifactId> <version>1.8.
-
利用python实现简单的邮件发送客户端示例
脚本过于简单,供学习和参考.主要了解一下smtplib库的使用和超时机制的实现.使用signal.alarm实现超时机制. #!/usr/bin/env python # -*- coding: utf-8 -*- import time import sys import logging import smtplib import socket import signal import ConfigParser from datetime import datetime from email
-
Springboot+hibernate实现简单的增删改查示例
1.创建好项目之后在配置端口号(也可以不用配置,默认端口8080) #server server.port=8080 server.tomcat.uri-encoding=utf-8 2.配置mysql #MySQL spring.datasource.driver-class-name=com.mysql.jdbc.Driver spring.datasource.url=jdbc:mysql://localhost:3306/test?characterEncoding=utf8 sprin
-
vue最简单的前后端交互示例详解
一.学习 vue 面临的问题 最近想学一门前端技术防身,看到博客园中写 vue 的多,那就 vue 吧.都说 vue 的官方教程写得好,所以我就从官方教程开始学习.官方教程说"Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用."但是这个概念是个什么鬼?还是让人一头雾水嘛.而且我一开始也没有搞清楚 vue 的定位,只知道它是一个前端库,但是确实不知道它的优势是什么,还以为它是一个学会就能一劳
随机推荐
- redis简介_动力节点Java学院整理
- mysql 删除操作(delete+TRUNCATE)
- Centos5给/根分区扩容
- asp.net创建位图生成验证图片类(验证码类)
- 日期处理的js库(迷你版)--自建js库总结
- C#操作Clipboard读取剪切板中数据实例详解
- Android仿网易一元夺宝客户端下拉加载动画效果(一)
- 一个shell for循环与case结合的脚本(监控程序状态)
- 自己动手写的mybatis分页插件(极其简单好用)
- Nodejs进程管理模块forever详解
- jQuery Migrate 1.1.0 Released 注意事项
- jquery命令汇总,方便使用jquery的朋友
- Android通过overScrollBy实现下拉视差特效
- Android程序版本更新之通知栏更新下载安装
- JAVAEE Filter 过滤器设置是否缓存实例详解
- 实用Javascript调试技巧分享(小结)
- 解决layer弹出层自适应页面大小的问题
- vue监听用户输入和点击功能
- vue中如何实现后台管理系统的权限控制的方法示例
- python的等深分箱实例