在写css的时候有时候会大量重复使用一些颜色，加入今后要修改，就得修改所有的地方，这样显然不符合分离的设计（解耦）。所以应该怎么做呢？
1.创建一个新文件，里面存放样式
varibles.stylus：
$bgColor=#00bcd4
2.在style中引用
这里一定要注意，@是webpack定义的src目录。但是这里在使用是需要加~ 即~@
@import "文件所在的相对路径/varibles.stylus"
或者使用~@代替路径
@import "~@/assets/styles/varibles.stylus"
3.使用
最后将 #00bcd4 替换成 $bgColor
在写css的时候有时候会大量重复使用一些颜色，加入今后要修改，就得修改所有的地方，这样显然不符合分离的设计（解耦）...
下文中代码为vue代码在css中可以使用在CSS中定义的变量来设置样式，例如： 效果图如下： 上面的变量是在CSS...
知识点：html标签，css样式（企业样式的活用），html加css布局思维，代码优化。特效原理（class类名活...
SEO中的DIV CSS样式的命名规则 在搜索引擎优化中，对于代码的优化是一个非常重要的部分。 如果一个网页的代码...
内联式css样式表就是把css代码直接写在现有的HTML标签中，如下面代码 并且css样式代码要写在style="...
HTML代码 JS代码 CSS样式自己随便写。 Vue.js自行下载导入。 js的代码 通过data，创建Tab标...
为网页添加样式 在head中的style标签内的就是css代码，使用css代码可以定义样式等CSS规则= 选择器 ...
网页语言：vue代码示例：vue+iOSWKwebview H5的暗色模式都是基于CSS样式的修改来适配web内容...
不想在vue文件中写CSS或者CSS太长，不适合在vue中写，就在需要引入的地方引入css样式 如果引入的是全局样...
一、HTML中引入css 1、行内样式 使用style引入html样式示例： 2、内联样式表 CSS代码写在 的 ...
本文标题：vue中css代码优化----样式篇
本文链接：https://www.haomeiwen.com/subject/hfbfchtx.html
网友评论