Javascript 如何使用Vuetify在图标和文本字段之间创建空间

我的用户名部分有以下代码：

<v-text-field
         prepend-icon="fas fa-user"
         height="60px"
         placeholder="Username"
         outlined
></v-text-field>

如何在用户图标和文本字段之间创建空间

当我在这里的时候，我可能还想问我如何使输入字段的宽度调整到屏幕的宽度？由于某种原因，现在它非常小

---

您需要将图标添加到前置插槽，然后添加margin-x

<v-text-field
  label="Regular"
  solo
  >
  <template v-slot:prepend>
    <v-icon class="mx-5">mdi-account</v-icon>
  </template>
</v-text-field>

mdi帐户

您需要将图标添加到前置插槽，然后添加margin-x

<v-text-field
  label="Regular"
  solo
  >
  <template v-slot:prepend>
    <v-icon class="mx-5">mdi-account</v-icon>
  </template>
</v-text-field>

mdi帐户