改变Vuetify旋转木马的高度

Question

是否有可能降低<v-carousel>？的高度？我在文档中看到他们正在研究它,但是它已经实现了吗？如果没有,是否有解决方法？我只是想设置一个最大高度.

Answer 1

您可以设置它的自动高度：

<v-carousel height="auto">

Answer 2

在主vue组件或v-carousel添加css规则的组件中:

.carousel {
  height: 200px !important;
}

• 添加!important如果没有它就无法正常工作

• 如果你投入的主要成分此规则确保<style>标签没有这个词scoped在里面

Answer 3

没有必要使用对它也不重要的 CSS。您可以使用一个道具来更改高度：

名称：高度

默认值：500

类型：数字 | 字符串 设置组件高度

例如。

  <v-carousel height="500px">
    <v-carousel-item
      v-for="(item,i) in items"
      :key="i"
      :src="item.src"
    ></v-carousel-item>
  </v-carousel>