如何使用 Vuetify 向導航欄添加填充

Question

我只想為Vuetify導航欄添加填充。 我使用了px-number但它不起作用。

我嘗試了這行代碼，但它沒有顯示任何填充跡象，只是默認<v-app-bar color="deep-purple accent-4" dark px-10>

我可以使用 CSS 來做到這一點，但它不合適。

Answer 1

填充需要在 class 中

<v-app-bar color="deep-purple accent-4" dark class="px-10">

Answer 2

由於文檔中的“間距”（它們僅提供一些“數字”），您可以使用 Vuetify 預制類，或者使用您喜歡的填充在外部 CSS 中制作您的自定義類，我個人更喜歡這種填充，因為它具有更好的可定制性。

Vuetify 間距： https://vuetifyjs.com/en/styles/spacing/#spacing