Question

如何从Vuetify视差内部的内容中删除填充？

<v-parallax src="https://cdn.pixabay.com/photo/2017/05/23/22/36/vegetables-2338824_960_720.jpg" style="min-height: 650px">
<v-row
  no-gutters
  align="center"
  justify="center"
  style="background-color: rgba(255, 255, 255, 0.6)"
>
</v-row>

https://codepen.io/mckraemer/full/eYORoBe

Answer 1

如果Vuetify尚未公开您需要的一些道具，那么您也可以覆盖CSS。就您而言，您可以将样式标签放在HTML部分的末尾，如下所示

<style>
  .v-parallax__content {
    padding: 0px !important;
  }
</style>

它正在使用您的Codepen

Answer 2

请注意，覆盖样式.v-parralax_content仅在未将标记作用域即

时才有效。

一种解决方法是创建一个全局css文件并在那里覆盖它。请记住在您的nuxt.config.js中指向它，例如：

    css: [
  '~/css/main.css'
    ],

从Vuetify视差中删除内容填充

2 个答案: