Vuetify 包 css 覆盖应用程序的 css



希望这是一个新手问题。

我正在努力将 vuetify 集成到几个屏幕中现有的 vuejs web SPA 应用程序中。应用程序使用目的 ui 作为其 css 和样式。将 vuetify 集成到应用程序中后,我们看到该网站现在具有 vuetify 的风格。

如何确保 vuetify 的样式仅限于少数屏幕上的特定 vuetify 控件,这些控件用于这些控件?

更新 1:

索引.js

if (Meteor.isClient) 
{
import 'vuetify/dist/vuetify.min.css';
}

下面的 index.html:meteor-bundled-css行应该在捆绑的 css 文件中包含 vuetify.min.css,但我在捆绑文件中看不到 css 结构,尽管该网站现在是一个重要的 ui\Vuetify 网站。

<head>
<link type="text/css" href="/css/purpose.css" rel="stylesheet">
<meteor-bundled-css /> 
</head>

我能够通过删除 Vuetify 并在项目中添加 BootstrapVue 来解决此问题,wrt 到 BootstrapVue、Bootstrap css 文件,而不是在索引.js 文件中添加 css 文件,我将其添加到客户端文件夹中,以便它可以由 Meteorjs 本身捆绑\缩小。

相关内容

最新更新