SCSS中使用typescript变量

TS读取配置文件中的内容后，需要交给定义好的scss元素使用。

读取外放配置信息参见：Vue3+TS配置信息外放

在APP.vue中添加如下几部分内容

声名变量：

<script lang="ts" setup>

//颜色变量来源于外部配置文件，在scss中直接使用basesiteinfo.topBarBg报错,不知道为什么

//const color = basesiteinfo.topBarBg;

const color = "#000000";

</script>

scss取变量值：

<style lang="scss">

.el-header{

  background-color:v-bind(color);

}

</style>

样式应用：

<el-header>

</el-header>