占位符

在组件设计中，可将任意容器设置为占位符。调用组件实例时，无需改动组件原有结构，就能在占位符区域内自由添加、替换各类元素，让组件适配更多设计场景。

合理运用占位符，既能提升组件复用灵活性，又能精简组件状态数量，避免重复创建相似组件。

创建占位符

1. 在画布中，选中目标源组件，点击右侧属性面板中的「自定义属性」右侧添加按钮。

2. 在属性类型列表中选择「占位符」，输入自定义名称后，完成占位符创建。

3. 选中组件内需要作为自由编辑区的容器，点击属性面板顶部的关联属性按钮。

4. 在下拉列表中选择已创建的占位符，完成容器与占位符的绑定。

小贴士：占位符支持搭配自动布局使用，适配更多排版需求。

应用场景

统一页面布局规范

把固定布局框架制作成带占位符的组件，使用时在占位符内填充页面内容，既保证布局规范统一，又不影响内容设计自由度。

提升组件库搭建效率

针对菜单、列表、表格等需重复生成子项的组件，无需预设所有子项数量状态，通过占位符即可灵活增减子项，简化组件库搭建与维护。

优化弹窗组件适配性

将弹窗的内容区域设置为占位符容器，调用组件时，可根据不同业务需求，在占位符内填充图文、表单等内容，快速生成多样化弹窗设计。

核心价值

• 灵活适配：固定结构不变，自由区域可定制，单组件覆盖多场景。
• 精简高效：减少冗余组件状态，降低设计与维护成本。
• 规范统一：保留组件基础规范，兼顾设计灵活性。
• 协同顺畅：贴合前端开发逻辑，提升设计稿还原效率。

功能效果对比

未启用占位符	启用占位符
组件内容固定，如需调整、删减或新增内容，只能新建组件状态，操作繁琐。	组件标题、按钮、边框等固定区域保持统一规范，占位符区域支持自由编辑，中间内容可灵活修改、增减。