vuecli+element-ui,多版本控制主题,element-ui内部标签动态控制,hover动态样式修改
因为需要切换网页的多个主题,而且在代码中,element-ui的CSS可以直接写在css中,但是标签的class中不需要引用。所以,不可以使用到vue的class的绑定判断
这里就用到了css的var()函数
var() 函数用于插入自定义的属性值,如果一个属性值在多处被使用,该方法就很有用。
例:color: var(custom-property-name, value)
管理CSS变量的最简单方法是将它们声明为:root伪类
通过-- + 字段名:值(这个值可以是任何我们在css输入的值)进行定义类
原创
2021-03-11 10:54:22 ·
517 阅读 ·
0 评论