vue.js - Vuetify 图标渲染宽度过大

Question

我刚刚开始使用 Vuetify 的 Vue 项目，我正在尝试使用v-icon.

在我的组件中，我有以下代码：

<template>
  <div>
    <v-icon>domain<v-icon>
    <v-icon>credit_card_outline</v-icon>
  </div>
</template>

图标的渲染效果domain很好。但是，渲染的credit_card_outline高度为 45 像素，宽度为 216 像素

这几乎就像它也在为实际文本渲染空间......它适用于许多图标（例如 playlist_add 工作），但对于许多图标它不......

什么可能导致此错误？

score 1 · Accepted Answer

关于两者之间的区别我没有详细的答案，Vue 不适用于 mdi 图标_

这不会有额外的空间：

<v-icon> mdi-credit-card-outline </v-icon>

1 回答 1