容器组件
容器组件用于承载特殊内容区域,例如预留插槽、动态渲染块、包一层表单项等。多数业务表单以基础组件 + 布局/子表单即可完成;当需要嵌入定制区域或特殊渲染时,再使用本分组。
在哪里找
组件列表 → 容器组件分组。
和布局、模块的分工
| 诉求 | 优先 |
|---|---|
| 多列、页签、卡片分区 | 布局组件 |
| 弹窗 / 抽屉 | 模块管理 |
| 可重复明细、分步 | 子表单组件 |
| 定制嵌入、插槽、动态块 | 容器组件(本文) |
常见成员
| 组件 | 作用(产品视角) | 何时用 |
|---|---|---|
| 插槽区域 | 预留可被外部内容填充的位置 | 环境注入定制卡片、评分块 |
| 动态区域 | 按配置动态展示一块内容 | 按条件换一块展示区 |
| Vue 组件 | 嵌入已有的界面片段(需环境支持) | 复用团队已有组件 |
| 表单项 | 以表单项方式包裹内容,统一标签与校验布局 | 说明文字也要对齐标签栏 |
具体名称以你环境中的组件列表为准。
怎么用(分步)
- 确认普通布局/子表单无法满足,再选容器。
- 拖入容器到目标位置。
- 按界面配置插槽名、动态内容、或嵌入组件标识。
- 与管理员确认环境侧是否已接入对应内容。
- 预览检查占位是否被正确填充、标签是否对齐。
业务示例
入门:用表单项包裹一段说明
把说明文字放进表单项容器,标签「填写须知」与其它字段对齐,阅读更整齐。无需插槽。
常用:预留「信用评估」定制区
主表收集企业基本信息;底部放插槽/动态区域,由环境注入信用评分卡片。配置人员负责字段区,定制区由管理员维护来源。
常用:动态区域按类型切换说明
用户类型变化时,动态区域展示个人须知或企业须知(也可配合隐藏条件切换两块说明,按复杂度选择)。
注意点
- 容器是否可用、内部能放什么,受环境配置影响。
- 先完成可拖拽字段的业务闭环,再嵌入定制区域,降低联调成本。
- 定制区故障时不影响主表字段填写为佳(降级策略由环境决定)。


