<template>
  <div class="lpb">
     <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
      <el-tab-pane label="编辑楼盘" name="edit">
        <edit></edit>
      </el-tab-pane>
      <el-tab-pane label="预览楼盘" name="preview">
        <preview></preview>
      </el-tab-pane>
      <el-tab-pane label="详细信息" name="detail">
        <detail></detail>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import edit from "./edit"
import preview from "./preview"
import detail from "./detail"
export default {
  name:"",
  components:{edit,preview,detail},
  props:{},
  data() {
      return {
        activeName: 'edit'
      };
    },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    }
  },
  created(){},
  mounted(){},
  computed: {},
  watch: {},
}
</script>
<style scoped  lang="less">
.lpb{
		width: 100%;
    height: 100%;
    background-color: #fff;
    /deep/.el-tabs__header{
      margin-bottom: 0;
    }
    .el-tabs{
      height: 100%;
      display: flex;
      flex-direction: column;
    }
    .el-tab-pane{
      height: 100%;
    }
}
</style>