在Vue中使用

基础用法

可以自定义width和height

vue

<template>
<div class="app">
  <carousel width="600px" height='600px' >
    <carousel-item v-for="item in 3" :key="item" class="item">
      <div class="h">{{ item }}</div>
    </carousel-item>
  </carousel>
</div>
</template>

<style scoped>

.h,
.item {
width: 100%;
height: 100%;
text-align:center;
color:#fff;
}

.item:nth-child(1) .h {
background-color: rgb(198, 121, 22);
}

.item:nth-child(2) .h {
background-color: rgb(74, 56, 33);
}

.item:nth-child(3) .h {
background-color: rgb(39, 199, 68);
}
</style>

在Vue中使用 #

基础用法 #

在Vue中使用

基础用法