2022年10月17日
Vue3 JS 与 SCSS 变量相互使用
摘要： Vue3 JS 与 SCSS 变量相互使用 1. JS 中使用 SCSS 变量。如在 scss 中定义了一个颜色，*el-menu* 组件使用该颜色作为背景色，此时需要获取 scss 变量，通过 *background-color* 属性将该变量值传递给 *el-menu* 组件（当然你也可以在 JS 中重新定义一个变量存储该颜色）。 >2. SCSS 中使用 JS 变量。如动态换肤功能，用户选中某个颜色作为主题色，整个系统的主题色都切换为这个主题色。用户选择的这个颜色使用 JS 变量存储，SCSS 中需要使用该 JS 变量存储的颜色。类似的场景还有暗黑模式等。 本文提供解决上述问题的思路。 阅读全文
posted @ 2022-10-17 15:25 程序员优雅哥（公\/同） 阅读(3744) 评论(0) 推荐(1) 编辑