<template>
  <view class="seckillceshi">
    <swiper
      class="swiper"
      :indicator-dots="indicatorDots"
      :autoplay="autoplay"
      :duration="duration"
      circular="true"
      display-multiple-items="3"
      @change="aa"
    >
      <swiper-item>
        <view :class="a==0?'seckilltime':'seckilltime1'">A</view>
      </swiper-item>
      <swiper-item>
        <view :class="a==1?'seckilltime':'seckilltime1'">B</view>
      </swiper-item>
      <swiper-item>
        <view :class="a==2?'seckilltime':'seckilltime1'">C</view>
      </swiper-item>
      <swiper-item>
        <view :class="a==3?'seckilltime':'seckilltime1'">D</view>
      </swiper-item>
    </swiper>
  </view>
</template>

<script>
export default {
  name: "selectkillceshi",
  data() {
    return {
      autoplay: false,
      active: "active",
      a: 0
    };
  },
    methods: {
    aa(a) {
      this.a = a.detail.current;
    }
  }
};
</script>

<style>
</style>