解决scss使用变量,属性值无效

1. 定义样式变量
   
2. vite.config.ts配置scss引入路径

   export default defineConfig((config) => {
   	css: {
         preprocessorOptions: {
           scss: {
             javascriptEnabled: true,
             additionalData: '@import "./src/styles/variable.scss";',
           },
         },
       },
   }
   
   **`@import "./src/styles/variable.less";`后面的`;`不要忘记，不然会报错**!

3. 页面中使用
   
4. 发现属性值无效
   
5. 解决; 使用' #{} ' 插值语法使用变量 , 就可以完美解决了。