scss 问题

来源：5-39 方案落地：contextMenu 展示处理

johnny_2008

2022-07-22

老师您好
想用 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 的情况

写回答

1回答

Sunday

2022-07-22

你好

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

//img.mukewang.com/szimg/62da414a096660d210200430.jpg

Sunday

johnny_2008

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

2022-07-23

共2条回复

基于Vue3新标准，打造后台综合解决方案

基于Vue3重写Vue-element-admin,打造后台前端综合解决方案

1940 学习 · 1687 问题

查看课程

相似问题

scss问题

回答 1

scss

回答 1

scss的依赖问题

回答 1

scss中的变量报错

回答 3

关于在vuex中替换scss变量值但无法二次渲染的问题

回答 1

打开慕课网App查看更多内容