一:在vue中使用 01.npm install sass-loader node-sass --save-dev 02.<style scoped lang="scss"></style> 03.可以使用啦... 二:平时使用 0.1安装ruby https://rubyinstaller.org ...
分类:
Web程序 时间:
2019-02-21 18:50:55
阅读次数:
258
Vue项目中如何使用Element-UI以及如何使用sass 当我们在开发Vue项目的时候通常会选择Element-UI作为我们的UI框架,其官方中文文档地址是http://element.eleme.io/#/zh-CN.(我在一次跟朋友聊天中得知他们公司前端在使用Element-UI),我在工作 ...
分类:
其他好文 时间:
2019-02-21 15:47:36
阅读次数:
565
应用场景:在使用vue的大型单页应用页面中,我们可以通过使用scoped属性将当前组件的样式设置局部样式 界面被scoped局部化之后,不能覆盖界面里面的子组件样式,因为样式只对当前界面生效。(可以加/deep/解决) ...
分类:
Web程序 时间:
2019-02-20 13:19:54
阅读次数:
203
前端工程本质上是软件工程的一种。软件工程化关注的是性能、稳定性、可用性、可维护性等方面,注重基本的开发效率、运行效率的同时,思考维护效率。一切以这些为目标的工作都是"前端工程化"。工程化是一种思想而不是某种技术。 本篇文章你可以学到: 如何使小程序支持scss; 怎样通过gulp编译你的项目; 项目 ...
分类:
微信 时间:
2019-02-18 14:42:24
阅读次数:
213
一、搭建好项目的环境。 二、根据ElementUI官网的自定义主题(http://element.eleme.io/#/zh-CN/component/custom-theme)来安装【主题生成工具】。 三、在 element-variables.scss 文件里修改 $–color-primary ...
分类:
其他好文 时间:
2019-02-12 11:38:50
阅读次数:
171
1. scss @mixin rounded($param1,$param2) { #{$param1}:$param2; -webkit-#{$param1}: $param2; -moz-#{$param1}: $param2; -ms-#{$param1}: $param2; -o-#{$pa ...
分类:
Web程序 时间:
2019-01-30 10:12:13
阅读次数:
220
JS文件中引入css的方法: 1. require('./index.css'); 2. import './index.scss'; $ webpack --config webpack.min.js //另一份配置文件$ webpack --display-error-details //显示异 ...
分类:
Web程序 时间:
2019-01-21 17:49:38
阅读次数:
148
涉及的平台 移动端 一.公共样式 常用变量 var.scss 颜色模块 主题色、状态色、文本色、灰度色(边框和分隔线) 字体 字体、大小、行间距 2.控件 3. 三大模块 样式、有哪些控件 ...
分类:
其他好文 时间:
2019-01-16 16:47:13
阅读次数:
165
1. CSS预处理器 定义了一种新的专门的编程语言,编译后成正常的CSS文件。为CSS增加一些编程的特性,无需考虑浏览器的兼容问题,让CSS更加简洁,适应性更强,可读性更佳,更易于代码的维护等诸多好处。 CSS预处理器语言:scss(sass)、LESS等; 2.Sass和SCSS的区别 文件扩展名 ...
分类:
Web程序 时间:
2019-01-14 15:10:28
阅读次数:
166
1.打包css,需要安装css-loader和style-loader 2.打包scss,需要安装node-sass和sass-loader 3.打包less,需要安装less和less-loader ...
分类:
Web程序 时间:
2019-01-14 11:05:00
阅读次数:
379