<template>
  <div class="paper-carousel">
    <div class="carousel-title">
      <slot name="title">
        <h3>No.123456789</h3>
      </slot>
    </div>
    <div class="carousel-body">
      <Carousel
        v-model="curPaperIndex"
        arrow="always"
        dots="none"
        ref="Carousel"
      >
        <CarouselItem v-for="(paper, pindex) in papers" :key="pindex">
          <div class="image-view-contain">
            <img :src="paper.thumbUrl" :alt="paper.title" />
          </div>
        </CarouselItem>
      </Carousel>
    </div>
  </div>
</template>

<script>
export default {
  name: "paper-carousel",
  props: {
    papers: {
      type: Array,
      default() {
        return [];
      }
    }
  },
  data() {
    return {
      curPaperIndex: 0
    };
  },
  methods: {}
};
</script>
