时间戳

首页 > 解决方案 > Vuetify v-select 每个选项的高度非常大 40px。我需要少两倍

vue.js - Vuetify v-select 每个选项的高度非常大 40px。我需要少两倍

问题描述

我有 vuetifyjs v-select

Vuetifyv-select每个选项的标准高度非常大 40px。如果列表很长，它包含整页。我需要少两倍

<v-select
  :items="countries"
  label="Select country"
></v-select>

标签： vue.jsvuetify.js

解决方案

我有解决方案。

只需添加到样式部分自定义类。

没有填充并通过 !important 设置更少的最小高度

最小为 16 像素 -min-height: 16px !important;

<style >
 .v-list-item__content{
   padding: 0 !important;
 }
 .v-list-item{
   min-height: 24px !important;
 }
</style>

推荐阅读