设置 Vuetify SASS 变量

Vuetify-loader 已经为我们处理好了一切，我们只需要创建一个变量文件即可

官方文档导航：

• SASS 变量： https://vuetifyjs.com/customization/sass-variables

• 可用的变量列表：https://vuetifyjs.com/customization/sass-variables/#variable-api

在单个组件文档的 API 里面，也可以找到 SASS 选项

Vue CLI 项目设置

src\scss\variables.scss

/* 设置项目的基础根字体大小 */

$font-size-root: 30px;

检查效果

启动项目：

npm

shell

npm run serve

yarn

shell

yarn serve

然后再访问首页，即可看到字体大小的变化