<template>
  <div class="tabs-body">
		<el-tabs type="border-card" v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="客服" name="first"><div class="tool-body">用户管理</div></el-tab-pane>
      <el-tab-pane label="顾客" name="second"><div class="tool-body">用户管理</div></el-tab-pane>
      <el-tab-pane label="话术" name="third"><div class="tool-body">用户管理</div></el-tab-pane>
      <el-tab-pane label="图片" name="fourth"><div class="tool-body">用户管理</div></el-tab-pane>
      <el-tab-pane label="对比图" name="fivth"><div class="tool-body">用户管理</div></el-tab-pane>
      <el-tab-pane label="其他" name="sixth"><div class="tool-body">用户管理</div></el-tab-pane>
    </el-tabs>
  </div>  
</template>

<script>
export default{
    data(){
      return {
        activeName:'second',
      }    
    },
    components: {
    },
    methods: {
      handleClick(){
        console.log(43434)
      }
    }
}
</script>

<style lang="stylus" scoped>
.tabs-body
  height:800px;
  width:100%;
  .tool-body
    width:100%;
    height:729px;
</style>