CSS配置

一、使用Scss变量

// vite.config.js
css: {
	preprocessorOptions: {
		scss: {
			additionalData: `@import "@/style/variables.scss";`
		}
	}
}

$color: red;

<template>
	<div class="bar-chart">
		<h2>Bar Chart</h2>
		<!-- 这里可以添加你的 ECharts 图表组件 -->
	</div>
</template>

<style lang="scss" scoped>
	.bar-chart {
		color: $color;
	}
</style>