sass
Yunruohan
这个作者很懒,什么都没留下…
展开
-
vue项目配置Sass
敲入下面的命令( sass-loader依赖于node-sass ) npm install --save-dev sass-loader npm install --save-dev node-sass 2. 在build文件夹下的webpack.base.conf.js的rules里面添加配置{ test: /\.sass$/, loaders: ['styl...原创 2018-11-14 16:17:46 · 137 阅读 · 0 评论 -
Sass在项目中使用方法一
情景 我需要构建很多单页面,很多样式是重复的,所以利用sass写了很多方法,这样我的代码就会变得整洁起来案例展示 定义了mixin.scss文件用来定义方法,如右侧的全屏局中 mixin.scss文件的展示$blue: #3190e8; $bc: #e4e4e4;$fc:#fff;// 背景图片地址和大小@mixin...原创 2018-11-15 11:52:37 · 309 阅读 · 0 评论 -
Sass混合器的使用
情景:如果你的样式里有很多都是重复的代码,那么你可以这样做,引入sass,然后定义一个mixin.scss文件,其中你可以定义一些方法,将宽高作为参数传入这个函数 事例使用//在style文件夹下定义一个mixin.scss文件//定义宽高@mixin wh($width, $height) { width: $width; height: $height;}...原创 2018-11-19 21:19:40 · 1594 阅读 · 0 评论