随笔分类 - CSS预处理器
摘要:<div class="status-name"> <span class="status" :class="item.status | statusColorFilter">{{ item.status_display }}</span> <span class="name">{{ item.na
阅读全文
摘要:vue安装scss: npm install sass-loader node-sass --save-dev 注意事项: <style lang="scss" scoped> @import '../../style/common'; //必须加分号,不然会报错 @import '../../st
阅读全文
摘要:使用Sass优雅并高效的实现CSS中的垂直水平居中 移动端总结 布局神器:display:flex css3中提出了一种新的布局模式:弹性盒子(flex box)。 它是一种当页面需要适应不同的屏幕大小和设备类型时确保元素拥有恰当的行为的布局方式。 目的是更好的对一个容器中的子元素进行排列,对齐,和
阅读全文
摘要:less简单入门 w3cplus--Less讲解 vue中安装less npm install less less-loader --save 注意:在vue中引入less之后,用">>>"做组件穿透就会失效,建议此时在页面上多写一个<style></style> 有些像 SASS 之类的预处理器无
阅读全文
摘要:使用sublime text的less2css插件 步骤: 1.安装node.js,这个到官网下载即可 2.安装less,方法:命令行输入: 3.sublime安装less2css,方法: 4.配置less2css 5.执行编写好less文件后 按下ctrl+s 就会在当前目录下生成同名的css文件
阅读全文