<template>
  <section class="dress-up-tab-container screen">
    <dress-up-list
        :type="type"
    ></dress-up-list>
<!--    <tab-->
<!--        :data="tabData"-->
<!--    >-->
<!--      <template v-slot:header="{data,select,trigger}">-->
<!--        <header class="rowACenter dress-up-tab-header">-->
<!--          <aside-->
<!--              v-for="(item,index) in data"-->
<!--              :key="'view-tab-'+index"-->
<!--              class="dress-up-tab-item-button  center"-->
<!--              :class="{-->
<!--                'dress-up-item-active': index === select,-->
<!--                'cursor-pointer': index !== select-->
<!--             }"-->
<!--              @click="trigger(index)"-->
<!--          >{{item.label}}</aside>-->

<!--        </header>-->
<!--      </template>-->

<!--      <template-->
<!--          v-for="(item,index) in tabData"-->
<!--          v-slot:[item.slot]-->
<!--      >-->
<!--        <dress-up-list-->
<!--          :key="'dress-up-list-'+index"-->
<!--          :type="type"-->
<!--          :have="item.have"-->
<!--        ></dress-up-list>-->
<!--      </template>-->
<!--    </tab>-->
  </section>

</template>

<script>
import {
  tab
} from '$components';
import tabData from '../data/tab';
import dressUpList from '../../dress-up-list';
import props from '../props';
export default {
  name: "dress-up-tab",

  data(){
    return {
      tabData
    }
  },

  components:{
    tab,
    dressUpList
  },
  props
}
</script>

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