vue-element-admin项目中全局字体样式设置
时间: 2023-06-30 19:21:40 浏览: 264
vue-element-admin-template
5星 · 资源好评率100%
在 vue-element-admin 项目中设置全局字体样式,可以通过在项目的 src/styles 目录下创建一个名为 variables.scss 的文件,并在其中定义全局字体样式变量。例如:
```scss
// variables.scss
$font-family: 'Helvetica Neue', Arial, 'PingFang SC', 'Microsoft YaHei', sans-serif;
$font-size-base: 14px;
$font-weight-base: 400;
$line-height-base: 1.5;
```
然后,在项目的入口文件(例如 main.js)中引入该样式文件并应用到全局:
```js
// main.js
import 'styles/variables.scss';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI, { size: 'small' });
```
这样,所有使用了以上定义的样式变量的组件都会应用该字体样式。
阅读全文