外部引入SCSS的话,可以使用变量。
如何在单个vue文件下(如下所示)调用SCSS的变量呢?
<template>
<div>
</div>
</template>
<script>
export default {
data () {
return {
}
}
}
</script>
<style lang="scss" scoped>
</style>
外部引入SCSS的话,可以使用变量。
如何在单个vue文件下(如下所示)调用SCSS的变量呢?
<template>
<div>
</div>
</template>
<script>
export default {
data () {
return {
}
}
}
</script>
<style lang="scss" scoped>
</style>
/ 改变主题色变量 /
$--color-primary: rgb(83, 7, 7);
/ 改变 icon 字体路径变量,必需 /
$--font-path: '~element-plus/lib/theme-chalk/fonts';
:export {
--primaryColor: $--color-primary;
}
在js显示的是
--primaryColr: '$--color-primary'
13 回答13k 阅读
8 回答2.8k 阅读
2 回答5.2k 阅读✓ 已解决
5 回答1.4k 阅读
9 回答1.7k 阅读✓ 已解决
6 回答1.6k 阅读
3 回答2.3k 阅读✓ 已解决