scss 问题

Question

老师您好
想用 scss 的 darken 函数，给右键 item 字体颜色加深，编译不过去直接抛异常了，但不用 scss 这个函数就正常，怎么使用才正常呢

.el-menu-item {
      color: darken(var(--el-menu-text-color), 10%); /*报错的情况*/
      /* color: var(--el-menu-text-color); 不会报错的情况*/
      font-weight: 600;
      height: calc(var(--el-menu-item-height) - 20px);
    }

使用 scss 的情况

不使用 scss 的情况

Answer 1

Sunday 2022-07-22 14:19:27

你好

你应该顶一个 scss 的变量，而不是使用 --el-xxx，因为 --el-xxx 并不属于 scss 变量

• 提问者 johnny_2008 #1

  使用本地变量没问题，但这个值是 element 里定义怎么修改呢 
  
  ```scss
  $el-menu-text-color: var(--el-menu-text-color);
  
  color: darken($el-menu-text-color, 10%);
  ```
  还是会报错呢

• Sunday 回复 提问者 johnny_2008 #2

  $el-menu-text-color: 是在 element 里面定义的，所以你在组件中是不可以直接访问的。你可以尝试导入这个 var.scss 文件