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

44 lines
660 B
Markdown
Raw Normal View History

2018-07-20 08:13:21 +00:00
<cn>
#### 基本
最简单的用法。
</cn>
<us>
#### Basic
Basic usage.
</us>
```html
<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>
2019-09-28 12:45:07 +00:00
export default {
methods: {
onChange(a, b, c) {
console.log(a, b, c);
},
2018-07-20 08:13:21 +00:00
},
2019-09-28 12:45:07 +00:00
};
2018-07-20 08:13:21 +00:00
</script>
<style scoped>
2019-09-28 12:45:07 +00:00
/* For demo */
.ant-carousel >>> .slick-slide {
text-align: center;
height: 160px;
line-height: 160px;
background: #364d79;
overflow: hidden;
}
2018-07-20 08:13:21 +00:00
2019-09-28 12:45:07 +00:00
.ant-carousel >>> .slick-slide h3 {
color: #fff;
}
2018-07-20 08:13:21 +00:00
</style>
```