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

44 lines
659 B
Markdown

<cn>
#### 基本
最简单的用法。
</cn>
<us>
#### Basic
Basic usage.
</us>
```tpl
<template>
<a-carousel :afterChange="onChange">
<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 {
methods: {
onChange(a, b, c) {
console.log(a, b, c);
},
},
};
</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>
```