<template>
  <div>        
    <el-tabs class="tabs" v-model="activeName">             
      <el-tab-pane :label="this.$i18n.t('webInfoConfig.platformSideConfiguration')" name="webConfigBs">                  
        <webConfigBs v-if="activeName === 'webConfigBs'"></webConfigBs>                
      </el-tab-pane>
      <el-tab-pane :label="this.$i18n.t('webInfoConfig.merchantSideConfiguration')" name="webConfigShop">                  
        <webConfigShop v-if="activeName === 'webConfigShop'"></webConfigShop>                
      </el-tab-pane>         
      <el-tab-pane :label="this.$i18n.t('webInfoConfig.pcConfiguration')" name="webConfigPc">                  
        <webConfigPc v-if="activeName === 'webConfigPc'"></webConfigPc>                
      </el-tab-pane>
      <el-tab-pane :label="this.$i18n.t('webInfoConfig.h5Configuration')" name="webConfigUni">                  
        <webConfigUni v-if="activeName === 'webConfigUni'"></webConfigUni>                
      </el-tab-pane>          
      <el-tab-pane :label="this.$i18n.t('webInfoConfig.stationConfiguration')" name="webConfigStation">                   
        <webConfigStation v-if="activeName === 'webConfigStation'"></webConfigStation>                
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import webConfigBs from './webConfig-bs'
import webConfigShop from './webConfig-shop'
import webConfigPc from './webConfig-pc'
import webConfigUni from './webConfig-uni'
import webConfigStation from './webConfig-station'

export default {
  data () {
    return {
      showTab: true,
      activeName: 'webConfigBs'
    }
  },
  components: {
    webConfigBs,
    webConfigPc,
    webConfigUni,
    webConfigShop,
    webConfigStation
  },
  created () {
  },
  mounted () {
  },
  methods: {
  }
}
</script>
<style scoped>
  div{
    margin-bottom: 150px;
  }
</style>
