vue.js - 在 Vuetify 中删除 v-main 上的 padding-top

Question

如何在桌面视图中删除 v-main 上的 padding-top？

我试过<v-main class="pt-0">了，但它也在移动视图中删除。

标签： vue.jsvuetify.js

Answer 1

试试这个，我希望它会起作用；

“pt-xl-0”用于大屏幕，

“pt-md-0”用于中等屏幕，

用于移动屏幕的“pt-sm-0”或“pt-xs-0”，

每个屏幕的“pt-0”

<v-main class="pt-2 pt-sm-2 pt-xs-2 pt-md-0 pt-lg-0 pt-xl-0">

更多参考https://vuetifyjs.com/en/styles/spacing/