Menú
MallBase Vben Admin Modal 表单布局规范；新增或调整后台弹窗表单、字段布局和交互一致性时使用。
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Basado en la clasificación ocupacional SOC
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 合并、反向合并、演示站部署或公开演示能力修改时使用。
| 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）。