sunmicro-lvgl-designer/src/renderer/src/views/designer/tools/index.vue

<template>
  <el-tabs v-model="activeMenu" type="border-card">
    <el-tab-pane label="项目" name="project">
      <div class="h-50px flex flex-row">
        <projectPage />
      </div>
    </el-tab-pane>
    <el-tab-pane label="编辑" name="page">
      <div class="h-50px">编辑菜单</div>
    </el-tab-pane>
    <el-tab-pane label="工具" name="tool">
      <div class="h-50px">工具菜单</div>
    </el-tab-pane>
    <el-tab-pane label="帮助" name="help">
      <div class="h-50px">帮助菜单</div>
    </el-tab-pane>
  </el-tabs>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import projectPage from './project.vue'
const activeMenu = ref('project')
</script>

<style lang="less" scoped>
:deep(*) {
  .el-tabs__item {
    height: 32px;
  }
}
</style>