CSS Preprocessor
CaseyWei
感激每个遇见的人
展开
-
SCSS基础
目录 scss的环境搭建 Koala的使用——打开项目 Koala的使用——scss的相关设置 scss的四种输出模式 嵌套输出方式nested 展开输出方式expanded 紧凑输出方式compact 压缩输出方式compressed scss的基本语法 变量 数据类型 嵌套 注释 基本运算 语句 插值和混合宏 占位符——%...原创 2018-08-21 19:22:14 · 1428 阅读 · 0 评论 -
Vue style 深度作用选择器 >>> 与 /deep/(sass/less)的区别
传送门:https://vue-loader-v14.vuejs.org/zh-cn/features/scoped-css.html 你很可能会遇到的问题 vue组件编译后,会将 template 中的每个元素加入 [data-v-xxxx] 属性来确保 style scoped 仅本组件的元素而不会污染全局,但如果你引用了第三方组件: 默认只会对组件的最外层(div)加入这个 ...原创 2019-08-21 14:22:35 · 6202 阅读 · 3 评论 -
vue中v-html设置样式无效的问题解决方案
场景:例如使用v-html加载一些后台返回的一段富文本HTML代码,富文本里包含图片,在手机上图片宽度可能会溢出或者需要设置一些样式。 解决方法:使用vue的深度作用选择器 >>> 即可。 <div v-html="htmlContent" class="rich"></div> <style scope> .rich>...原创 2019-08-21 14:37:37 · 5135 阅读 · 0 评论