Menu
MallBase Vben Admin Modal 表单布局规范；新增或调整后台弹窗表单、字段布局和交互一致性时使用。
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| name | modal-form-layout |
| description | MallBase Vben Admin Modal 表单布局规范；新增或调整后台弹窗表单、字段布局和交互一致性时使用。 |
后台管理弹窗表单（新增/编辑）。
<a-form
ref="formRef"
:model="formData"
:rules="rules"
:label-col="{ style: { width: '100px' } }"
class="pt-4"
>
:label-col="{ style: { width: '100px' } }" — 标签固定 100px 宽度class="pt-4" — 顶部内边距layout="vertical"（Ant Design 默认即 horizontal）layout="vertical"（标签在控件上方）class="mt-4" 作为表单容器类（应使用 pt-4）frontend/admin/apps/web-antd/src/views/user/user-modal.vue100px）。MallBase 扩展槽边界规范；涉及会员、积分、分销、余额、优惠等权益扩展接入订单、商品编辑或 UniApp 展示时使用。
MallBase schema 真相源与幂等升级 SQL 规则；升级 SQL 仅在用户明确要求已有库升级时使用。
MallBase ThinkPHP 后端规则索引；仅在需要浏览或选择后端规则、且无法确定具体 ThinkPHP skill 时使用。
MallBase 已有库升级 SQL 边界规则；只有用户明确要求考虑已有库升级、测试服/线上升级或 upgrade SQL 时使用。
MallBase ThinkPHP 模型字段访问器与素材回显规则；在 Model 字段读写、访问器、修改器、with 关联、素材 ID 回显或 Service 字段组装优化时使用。
MallBase preview 演示站分支边界规则；涉及 preview 分支、演示站专用功能、main 与 preview 合并、反向合并、演示站部署或公开演示能力修改时使用。