如何在Vuetify中基于显示/断点更改边距



我知道可以根据显示/断点在Vuetify上设置边距。

当断点/显示为"0"时,我如何以页边空白顶部为0的方式更改下面的类;s";或";xs〃:

<v-text-field class="mt-5" field> </v-text-field>
class="mt-sm-5 mt-0"

您可以这样阅读:如果屏幕比sm断点宽,则使用mt-5,否则使用mt-0

除了Romalex的答案外,以下是Vuetify 中断点的完整列表

我知道这不是你想要的答案,但我想分享另一种使用类条件设置屏幕上行为的方法。这里有一个例子:

:class="[$vuetify.breakpoint.smAndDown?'class-1':'class-2']"

干杯~

最新更新