分隔面板 Splitter

对应 Arco 的 Split 使用场景：保留 Element Plus 的面板与分隔条结构，颜色使用 Arco 风格。 属性用法见 Element Plus 文档。

可折叠面板

拖动分隔线调整面板宽度，collapsible 开启折叠按钮。

Left panel

Right panel

<template>
  <el-splitter style="height: 200px; width: 100%">
    <el-splitter-panel collapsible><div style="padding: 16px">Left panel</div></el-splitter-panel>
    <el-splitter-panel collapsible><div style="padding: 16px">Right panel</div></el-splitter-panel>
  </el-splitter>
</template>

纵向布局

layout="vertical" 将面板上下排列。

Top panel

Bottom panel

<template>
  <el-splitter layout="vertical" style="height: 200px; width: 100%">
    <el-splitter-panel><div style="padding: 16px">Top panel</div></el-splitter-panel>
    <el-splitter-panel><div style="padding: 16px">Bottom panel</div></el-splitter-panel>
  </el-splitter>
</template>

与 Arco 的差异

• 分隔条与折叠按钮保留 Element Plus 结构，与 Arco 带拖拽点的分隔条不同。