Question

我正在开发一个项目，该项目以Vue，Vuetify和TypeScript作为其语言构建，并且我的组织决定不使用Vuetify提供的默认主题，而不是使用某些自定义主题，是否可以使用任何方法自定义主题，我尝试添加theme.js文件，并添加了一些颜色和字体更改，但是当我尝试对vuetify组件进行样式设置时，它不起作用。任何建议

Answer 1

Vuetify内置了对css-loader的支持，因此您可以import * from 'css-library'（或尝试导入的任何东西）。

Vuetify专用（点菜）组件每个都有直观的类，您可以在<style>或导入的CSS中进行修改，例如：

<template>
  <v-btn></v-btn>
</template>

<style>
  .v-btn {
    padding: 0;
  }
</style>

外部CSS工作表以覆盖默认的Vuetify组件样式

1 个答案: