vuetify.js - 如何将具有新样式 css 的类添加到 v-dialog、vuetify？

Question

再会。我正在使用 vuetify，在组件中使用以下 v-dialog:

<template>
  <div>
    <!--Indicador-->
      <v-dialog class="vdialognew" v-model="mostrarIndicator" persistent>
        <v-content>
          <v-container fluid fill-height>
            <v-layout align-center justify-center>
                <cube-shadow class="spinnerRotate"></cube-shadow>
            </v-layout>
          </v-container>
        </v-content>
      </v-dialog>
    <!-------------->
  </div>
</template>
<style scoped>
.vdialognew {
  box-shadow: none !important;
  max-width: 610px !important;
}
</style>

正如您将在 v-dialog 中看到的，我添加了 vdialognew 类来应用这些新样式，但是当通过检查浏览器控制台加载内容时，我看到 vdialognew 类仅适用于它。同样，如果我在 v-dialog 标签中使用 style 属性，它对我不起作用。我怎样才能做出这样的改变？

我正在做这个修改以消除在绿色方块后面看到的框:



非常感谢您提前。祝福

Answer 1

将“class”传递给v对话框不能用 .
改用“content-class”。在你的情况下

<v-dialog content-class="vdialognew" v-model="mostrarIndicator" persistent>

应该管用。
看看 v-dialog docs