<template>
  <v-header
      title="优惠券"
      backgroundColor="#fff"
  >
    <view class="screen_all">
      <tab
          :tabs="tabsData"
          @change="change"
          :value="value"
          :first="true"
          color="#028748"
      >
        <layout-coupon-list
            v-for="(item,index) in tabsData"
            :key="index"
            v-if="loadings[index]"
            :status="item.status"
            :slot="'tab-'+index"
        ></layout-coupon-list>
      </tab>
    </view>
  </v-header>
</template>

<script>
import vHeader from '@/components/v-header/main';
import tab from '@/components/tab/main';
import layoutCouponList from '@/layout/layout-coupon-list/layout-coupon-list';
import mixins from './mixins';
export default {
  name: "my-coupon",
  mixins,
  components:{
    vHeader,
    tab,
    layoutCouponList
  }
}
</script>

<style scoped lang="scss" src="./style.scss">

</style>