Ant Design Vue在使用Carousel时,API文档中并没有标明如何调整轮播的速度,想要实现调整速度可以使用下面的方式 👇
<template>
<a-carousel autoplay :speed="1000" :autoplaySpeed="5000">
<div><h3>1</h3></div>
<div><h3>2</h3></div>
<div><h3>3</h3></div>
<div><h3>4</h3></div>
</a-carousel>
</template>
<script>
export default {};
</script>
<style scoped>
/* For demo */
.ant-carousel >>> .slick-slide {
text-align: center;
height: 160px;
line-height: 160px;
background: #364d79;
overflow: hidden;
}
.ant-carousel >>> .slick-slide h3 {
color: #fff;
}
</style>
其中speed是调整动画时长的,autoplaySpeed是控制动画间隔时长的
只需要设置这两个参数就可以了,是不是很简单! (  ̄▽ ̄)σσ