Vuetify v-navigation-drawer 迷你变体宽度

Question

虽然您可以像这样设置展开抽屉的宽度

<v-navigation-drawer ... width="250">

如何设置折叠迷你变体的宽度？

Answer 1

如果您使用的是最新的 vuetify 版本，您可以使用属性 mini-variant-width 来设置 mini 变体的宽度。 (默认 56px)

<v-navigation-drawer
   v-model="drawer"
   :mini-variant.sync="mini"
   mini-variant-width="80px"
   permanent
>
  ...
</v-navigation-drawer>

https://vuetifyjs.com/en/api/v-navigation-drawer/#props-mini-variant-width