<template>
  <div class="tabCoupone">
    <el-tabs v-model="activeName" >
      <el-tab-pane label="所有劵" name="some" :key="'some'">
        <child1></child1>
      </el-tab-pane>
      <el-tab-pane label="待发劵" name="daifa" :key="'daifa'">
        <child2></child2>
      </el-tab-pane>
      <el-tab-pane label="已发放" name="yifa" :key="'yifa'">
        <child3></child3>
      </el-tab-pane>
      <el-tab-pane label="已下线" name="xiaxian" :key="'xiaxian'">
        <child3></child3>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
  import tabChild1 from '../info/index.vue'
  // import tabChild2 from '../pay/index.vue'
  // import tabChild3 from '../manage/index.vue'
  export default {
    name: 'tabCoupone',
    components:{
      child1:tabChild1
    },
    data() {
      return {
        activeName: 'info'
      };
    },
    methods: {
    }
  };
</script>
<style>
  .tabZujian {
    margin-left: 20px;
    margin-top: 20px;
  }
</style>
