<template lang="">
  <div>

    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="资产" name="first"></el-tab-pane>
      <el-tab-pane label="分类" name="second"></el-tab-pane>
    </el-tabs>

    <assetLeft v-if="activeName === 'first'"></assetLeft>
    <categoryRight v-if="activeName === 'second'"></categoryRight>
  </div>
</template>
<script setup>
import { ref } from 'vue'
import assetLeft from './assetLeft.vue'
import categoryRight from './categoryRight.vue'

const activeName = ref('first')


</script>
<style lang="scss" scoped>
:deep(.el-tabs__nav-wrap:after) {
  height: 1px !important;
}

:deep(.el-tabs__item) {
  font-weight: normal !important;
  font-size: 16px !important;
  color: #2a2b31 !important;
}
</style>
