<!-- 作者：jinzhi.liao -->
<template>
  <div class="wrapCourse">
      <poi-carousel :interval="500000" arrow="always">
        <poi-carousel-item v-for="item in 4" :key="item">
          <h3>{{ item }}</h3>
        </poi-carousel-item>
      </poi-carousel>
  </div>
</template>

<script>
export default {
  data () {
    return {
    };
  },

  components: {
  },

  computed: {
  },
  watch: {
  },

  created(){
  },
  mounted(){
  },
  updated(){
  },

  destroyed(){
  },

  methods: {
  },
  // 自定义指令
  directives: {
  }
}

</script>
<style>
.wrapCourse{
  width: 400px;
  height: 100px;
}
.poi-carousel__item h3 {
    color: #475669;
    font-size: 18px;
    opacity: 0.75;
    line-height: 300px;
    margin: 0;
  }
  
  .poi-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
  }
  
  .poi-carousel__item:nth-child(2n+1) {
    background-color: #d3dce6;
  }
</style>