Невозможно изменить body-font-family с помощью sass vuetify 2 - PullRequest
0 голосов
/ 18 октября 2019

Я обновился с 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';

Любая помощь будет оценена

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...