vue.js2 / vuetify旋转木马图像的一些问题?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (526)
<section v-show="artistImagesList.length > 0">
    <v-carousel>
        <v-carousel-item v-for="(nextArtistImage,i) in artistImagesList" :src="nextArtistImage.image_url" :key="nextArtistImage.id" :alt="nextArtistImage.image_url">
            <div class="carousel_image_title">{{ concatStr(nextArtistImage.description, 100) }}</div>
        </v-carousel-item>
    </v-carousel>
</section>

使用它我需要更多选项来控制一些图像

1)如果图像宽度/高度太大,我想显示大小比例的传送带尺寸的图像。它可能吗?

2)如何设置图像区域的最大宽度/高度?

3)当我以秒间隔打开页面时,默认情况下,我会看到空转盘区域,并且只有在间隔默认秒数后第一张图像才会打开。我设置了有效的图像列表,没有空白元素。但看起来像是一些空的图像首先被打开。

我可以访问其选项吗?请参考示例如何使它...

使用的包

vue.js2.5.7

vuetify,1.0.8

提问于
用户回答回答于

我目前使用下面的代码。

   <v-flex xs12 style="width:100%; max-width:400px; margin: auto 0">
        <v-carousel cycle hide-delimiters style="width:100%; max-height:400px" class="white">
          <v-carousel-item v-for="(item,i) in images" :src="baseUrl+item.url" :key="i"></v-carousel-item>
        </v-carousel>
      </v-flex>

所属标签

可能回答问题的人

  • 最爱开车啦

    8 粉丝503 提问6 回答
  • 优惠活动秘书

    0 粉丝2 提问6 回答
  • Richel

    6 粉丝0 提问5 回答
  • 天使的炫翼

    17 粉丝531 提问5 回答

扫码关注云+社区

领取腾讯云代金券