<template>
  <div class="tab-list">
    <div class="inner">
      <div class="list-wrap">
        <div class="item-wrap">
          <TabListItem></TabListItem>
        </div>
        <div class="item-wrap">
          <TabListItem></TabListItem>
        </div>
        <div class="item-wrap">
          <TabListItem></TabListItem>
        </div>
        <div class="item-wrap">
          <TabListItem></TabListItem>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
/**
 * @author: 过飞
 * @createData: 2020年09月15日 14:29:00
 * @version：v1.0
 *
 * @desc: 功能描述
 */
import TabListItem from './TablistItem'
export default {
  name: '',

  components: {
    TabListItem
  },

  mixins: [],

  props: {
    componentData: {
      type: Object,
      defautl: () => ({}),
      required: true
    }
  },

  data() {
    return {}
  },

  computed: {},

  watch: {},

  created() {},

  mounted() {},

  methods: {}
}
</script>
<style lang="scss" scoped>
.tab-list {
  .inner {
    .list-wrap {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      padding: 0 10px;
      .item-wrap {
        width: 170px;
      }
    }
  }
}
</style>
