<template>
  <div class="play-info-wrapper">
    <p class="content-title">基础玩法</p>
    <div class="gap" />
    <el-tabs type="border-card">
      <el-tab-pane v-for="(play, index) in playInfoList" :key="play.id" :label="`玩法${index + 1}`">
        <play-info-item :play-info="play" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import PlayInfoItem from '@/components/ToyInfo/PlayInfoItem.vue'
export default {
  name: 'PlayInfo',
  components: {
    PlayInfoItem
  },
  props: {
    playInfoList: {
      type: Array,
      default: () => []
    }
  }
}
</script>

<style scoped lang="scss">

</style>
