vue2 在 template 中使用 sass 变量

vue2 在 template 中使用 sass 变量

1：使用 CSS Modules 提供的 :export 关键字，示例如下

theme.scss
// 主题色
$theme:#756ef9;

// 设置弹出层的方向
// 可以通过mode参数设置，可以设置为left、top、right、bottom、center
:export {
   
    // popupMode: center;
    popupMode: top;
}
1
2
3
4
5
6
7
8
9
10
11

2：在 .vue 文件中使用

<template>
    
1