ant-design-vue/components/carousel/demo/autoplay.md

39 lines
588 B
Markdown
Raw Normal View History

2018-07-20 08:13:21 +00:00
<cn>
#### 自动切换
定时切换下一张。
</cn>
<us>
#### Scroll automatically
Timing of scrolling to the next card/picture.
</us>
```html
<template>
<a-carousel autoplay>
<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>
```