![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
scss
文章平均质量分 73
web_blog
IT程序员一名
展开
-
vue-cli 3.0集成sass/scss到vue项目
尝鲜使用vue-cli 3.0.0-beta.6,很容易就可以完成scss到vue项目中。vue-cli 3提供了两种方式集成sass/scss:创建项目是选择预处理器sass手动安装sass-loader创建项目选择预处理器sass$ vue create vuedemo? Please pick a preset: (Use arrow keys)default (babel, eslint)Manually select features移动上下键选择“Manually selec原创 2021-03-26 16:09:51 · 268 阅读 · 1 评论 -
vue.js 引用背景图 background 无效的3种解决办法
#vue.js项目中,出现css调用background背景图无效?如何解决?或者调用<img>标签,也无效果?直接上代码,自行对比查找一下:效果图预览1. 正确的代码,示例如下:<template> <div class="demo"> <!-- 成功引入的三种方法: --> <!-- 图1 --> <div class="img1"></div> <!--原创 2020-08-05 09:43:08 · 3402 阅读 · 0 评论 -
全局scss封装引入背景图片路径报错
最近使用scss做了全局的mixin封装,用到背景图,意外发现通过相对路径引入图片后报错,大致意思为图片路径不对,改为了使用@代替src路径引入图片依然报错,一番百度后带出解决方案通过 ~@ 代替src路径进行图片引入如下所示.box{ // background: url('@/assets/img/bg.png') // 改为 background: url('~@/assets/img/bg.png') }...原创 2020-08-05 09:33:01 · 2032 阅读 · 0 评论