<template>
  <el-row>
    <el-col>
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane :label="item.label" :name="item.name" v-for="item in arrTab" :key="item.name">
          <component :is="activeName"
          />
        </el-tab-pane>
      </el-tabs>
    </el-col>
  </el-row>
</template>

<script>
import FirstPause from './tools-promote/firstPause'
import Similar from './tools-promote/similar'
import ForeignTao from './tools-promote/foreigntao'
import Guess from './tools-promote/guess'

export default {
  name: 'tools-promote',
  components: {
    FirstPause,
    Similar,
    ForeignTao,
    Guess
  },
  data () {
    return {
      arrTab: [
        {
          label: '关键词卡首屏',
          name: 'FirstPause'
        },
        {
          label: '找相似入口',
          name: 'Similar'
        },
        {
          label: '洋淘秀卡首屏',
          name: 'ForeignTao'
        },
        {
          label: '猜你喜欢',
          name: 'Guess'
        }
      ],
      activeName: 'FirstPause'
    }
  },
  methods: {
    handleClick (tab, event) {}
  }
}
</script>

<style lang="scss" scoped>

</style>
