el-tabs 左边右边分两部分

`el-tabs` 是 Element Plus UI 中的一个组件，它用于展示一组可切换的选项卡，通常用于页面布局中分割内容。在 `el-tabs` 中，你可以设置左右两边分两部分的方式，这通常涉及到组件的属性和布局配置。

1. **分隔符位置**：`type` 属性决定 tabs 的样式，设置为 `'horizontal'` 可以使 tabs 并排显示，类似于左右两侧，你可以使用 `separator` 属性来控制分隔符的显示。

<el-tabs type="horizontal" separator>
  <el-tab-pane label="Tab 1">...</el-tab-pane>
  <el-tab-pane label="Tab 2">...</el-tab-pane>
</el-tabs>

2. **嵌套 tabs**：如果你想在左侧或右侧部分再添加一组 tabs，可以通过嵌套 `el-tabs` 组件来实现，每个子 `el-tabs` 可以有自己的选项卡列表。

<template>
  <div>
    <el-tabs type="horizontal">
      <el-tab-pane label="Left Tabs">
        <el-tabs type="vertical">
          <el-tab-pane>...</el-tab-pane>
        </el-tabs>
      </el-tab-pane>
      <el-tab-pane label="Right Tabs">...</el-tab-pane>
    </el-tabs>
  </div>
</template>

3. **自定义布局**：如果你需要更复杂的布局，可以利用 CSS 或调整组件的样式来自定义 tab 的大小、间距等。例如，使用 Flexbox 或 Grid 布局来调整左右 tab 的宽度比例。