【问题标题】:Elevation in v-dialog vuetify vueJSv-dialog vuetify vueJS 中的高度
【发布时间】:2020-10-29 10:53:26
【问题描述】:

我想知道如何删除 v-dialog 的高度,使其一无所有,v-dialog 本身中的 elevation 属性不起作用,也不会使用类为Class = "elevation-0"

组件链接:https://vuetifyjs.com/en/components/dialogs/#dialogs

这就是它的样子:

【问题讨论】:

    标签: html css vue.js sass vuetify.js


    【解决方案1】:

    您可以通过定位 content-class 属性来调整对话框组件的高度:

    <v-dialog
      v-model="true"
      content-class="elevation-0"
    />
    

    【讨论】:

    • 对我有用的是,我没有使用 v-dialog,而是使用了 v-overlay,它不再包含海拔
    【解决方案2】:

    我尝试了几件事,但没有得到预期的结果,我尝试从 css 覆盖 shadow-box,使用另一个对话框访问 Sass 变量但我没有得到结果,最终帮助我的是使用&lt;v-overlay&gt; 组件和问题的结束

    【讨论】:

      猜你喜欢
      • 2019-07-31
      • 1970-01-01
      • 2021-11-22
      • 1970-01-01
      • 2021-02-09
      • 1970-01-01
      • 1970-01-01
      • 2019-04-24
      • 2021-05-16
      相关资源
      最近更新 更多