首页 > 文章列表 > 如何解决 SCSS 错误:使用 `` 时无法传递 CSS 变量?

如何解决 SCSS 错误:使用 `` 时无法传递 CSS 变量?

312 2024-11-10

如何解决 SCSS 错误:使用 `` 时无法传递 CSS 变量?

如何解决这个 scss 错误?

当你使用<p></p>时,你可能会遇到一个 scss 错误。这是因为<p>是 scss 的内置函数,它不能使用 css 变量作为参数。

为了解决此问题,你需要直接将 css 变量 --el-color-white 的颜色值分配给 scss 变量 $vxe-primary-color,如下:

$vxe-primary-color: var(--el-color-white);

之所以无法使用 css 变量作为 scss 运算参数,是因为 css 变量的值可能会改变。这使得无法将它们用于计算。因此,必须直接使用 css 变量的值。

来源:1729928379