<template>
  <el-tabs :lazy="true" v-model="goodsType" type="border-card">
    <el-tab-pane
      v-for="(item, index) in labelList"
      :key="index"
      :label="item.label"
      :name="item.value"
    >
      <shopIndex v-if="item.value == goodsType" :goodsType="goodsType" />
    </el-tab-pane>
  </el-tabs>
</template>
  
  <script>
import shopIndex from "./shop/index.vue";
export default {
  components: {
    shopIndex,
  },
  data() {
    return {
      goodsType: '10',
      labelList: [
        {
          label: "商品包",
          value: '10',
        },
        {
          label: "课程",
          value: '1',
        },
        {
          label: "直播",
          value: '6',
        },
        {
          label: "题库",
          value: '2',
        },

      ],
    };
  },
  created() {},
  methods: {},
};
</script>
  
  <style>
</style>