无法使用sass vuetify 2更改身体字体系列

时间:2019-10-18 07:07:55

标签: vuejs2 vuetify.js

我从vuetify 1.5升级到vuetify 2.我用手写笔更改了体字体系列,一切工作正常。现在升级后,我将手写笔更改为sass并将文件命名为.sccs文件。官方文档中给出的相关文件,但没有任何帮助。我已经尝试了2天,我得到的所有答案都与Vuetify版本1有关。我更新了packages.json,main.ts和main.scss文件。日志中未显示任何错误,应用程序已成功编译,仅字体未更改。请帮助。 这是我的main.ts文件

import Vue from "vue";
import App from "@/App.vue";
import router from "@/router";
import { store } from "@/store/store";

import "@/sass/main.scss"; //version 2
import 'vuetify/dist/vuetify.min.css' //version 2
import Vuetify from "vuetify"; //v2

Vue.config.productionTip = false;

这是我的main.scss文件

$body-font-family : 'Montserrat', sans-serif !important;
// $heading-font-family : 'Montserrat', sans-serif;
$font-size-root: 25px;
$alert-font-size : 18px;
// $body-font-family: 'My Custom Font', cursive;
//
// .defaultlink {
//   text-decoration: none;
//   border-bottom: 1px solid var(--v-secondary-base);
//   padding-bottom: 2px;
// }

//@import "~vuetify/src/styles/settings/variables";
@import '~vuetify/src/styles/styles.sass';

任何帮助将不胜感激

0 个答案:

没有答案