代码之家 › 专栏 › 技术社区 › Mike Cole

在Vuetify中调整v-list-tile的高度

vuetify.js vue.js

6

Mike Cole · 技术社区 · 8 年前

相关章节为:

<v-list-tile>
  <v-list-tile-content>
    <div>
      This is some content that's a little tall.<br />
      Maybe there's a lot of stuff that goes here.<br />
      Or maybe I'm using a third party control.<br />
      Either way, how can I adjust the height?
    </div>
  </v-list-tile-content>
</v-list-tile>

我有一个包含列表的Vuetify菜单。其中一个列表项高于基样式中设置的48px。有没有办法在标记中优雅地调整这一点?或者我需要使用css来调整吗?

1 回复 | 直到 7 年前

1

6

KyleMit Steven Vachon 7 年前

根据文档,您可以在 <v-list> two-line 或 three-line

除此之外,建议您使用卡片:

对于三行列表,副标题将垂直夹在2行,然后是省略号。如果您需要超过3行,建议使用 card .

v-list的目的是在重复的元素中加强高度的一致性,因此,如果您需要超过三行来传达一个特定的点,那么使用一个可以覆盖更多区域和用例的重复卡片元素可能是有意义的。