vue.js - 是否可以调整 vuetify 组件的大小？

Question

我最近使用 Vuetify 来实现一些 UI 设计。但是，我发现默认的输入组件(例如 v-text-field、v-select)太大了。我发现我可以调整它们的宽度，但是对于高度和字体大小，我该如何更改它们？

Answer 1

我在使用 CSS 变换缩小所有内容方面取得了一些成功:

.compact-form {
    transform: scale(0.875);
    transform-origin: left;
}

只需将其添加到您的表单中即可。它将字体大小减小到 14 像素(而不是 16 像素)并缩小复选框等。