Carousel 走马灯

基础用法

1

2

3

4

5

6

<div class="carousel">
  <vp-carousel :height="carouselHeight">
    <vp-carousel-item v-for="item in 6" :key="item">
      {{ item }}
    </vp-carousel-item>
  </vp-carousel>
</div>

<script>
  export default {
    data() {
      return {
        carouselHeight: "500",
      };
    },
  };
</script>

Carousel Attributes

属性名	类型	属性值	描述	默认值
height	String	"600"	走马灯高度	"300"
interval	Number		切换延迟毫秒	3000
hasTransition	Boolean	true | false	是否执行过渡动画	true
transitionTime	Number		过渡动画毫秒	0.5