分割面板组件

1、简介

1.1功能简介

分割面板组件是一种用户界面（UI）工具，它允许用户通过简单的拖拽操作来动态调整左右两部分区域的比例。

该功能主要具备如下亮点：

• 直观易用：用户只需使用鼠标或触摸屏拖动分隔条，即可轻松调整左右两个区域的大小比例。
• 灵活布局：支持任意比例的左右布局，满足不同场景下的需求，例如50:50、70:30等。
• 响应式设计：根据屏幕尺寸自动优化显示效果，确保在各种设备上都有良好的用户体验。
• 高自定义性：提供多种配置选项，如最小宽度限制、默认比例设置等，以适应不同的业务逻辑要求。
• 实时预览：当用户调整分隔条时，能够立即看到布局变化的效果，提高工作效率。

1.2应用场景

• 数据分析平台：左侧列出数据源或图表列表，右侧展示详细视图，方便用户对比分析。
• 内容编辑器：一边显示源代码或文本，另一边呈现预览结果，便于实时查看修改效果。
• 项目管理工具：将任务列表与甘特图分别放置于两侧，帮助团队成员更高效地跟踪进度。
• 电子商务网站：商品图片与详情描述分列两边，增强用户购物体验。

2、操作步骤

2.1 入口

进入自定义页面，选择【分割面板组件】，无需配置，拖入画布即可使用。

2.2使用

拖拽组件或模版至灰色区域，即可点击预览/访问。

2.3 预期结果