使用 Vuetify2 在工具栏徽标上应用填充答案

【问题标题】：Apply padding on toolbar logo with Vuetify2使用 Vuetify2 在工具栏徽标上应用填充
【发布时间】：2020-12-11 17:20:24
【问题描述】：

这是放在抽屉里的工具栏代码：

<v-toolbar flat color="white">
  <v-img contain src="@/assets/logo_h.png" class="pa-12" />
</v-toolbar>

工具栏如下所示：

您可以看到徽标适合工具栏的高度，所以我想在徽标周围添加一些填充。我尝试了pa-2 类，但它对它没有影响。当我尝试ma-2 徽标移动到右侧时，再次没有预期的行为。你能告诉我如何使用 vuetify 添加这个填充吗？谢谢。

【问题讨论】：

【解决方案1】：

如果这是您工具栏中的唯一项目，您可以将填充类添加到 v-toolbar

【讨论】：