.mroeMeun { .el-submenu__title { // 引入颜色变量 color: #{"var(--title_color)"} !important; i { color: #{"var(--title_color)"} !important; } }}
当前位置:   article > 正文

css(scss)颜动态赋值(添加)颜色或背景色_scss 动态颜色

scss 动态颜色

因为我们项目有个主题换肤的功能,所以导航栏需要字体颜色变换,拿部分情况来讲
效果图
在这里插入图片描述
在这里插入图片描述

先动态给一个颜色变量
在这里插入图片描述
在这里插入图片描述

然后再


<style lang="scss">
.mroeMeun {
  .el-submenu__title {
  // 引入颜色变量
    color: #{"var(--title_color)"} !important;
    i {
      color: #{"var(--title_color)"} !important;
    }
  }
}
</style>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/知新_RL/article/detail/332309
推荐阅读
相关标签
  

闽ICP备14008679号