FcDesigner Pro

Appearance

添加组件 ​

添加组件是搭表的基本流程：从左侧拖入控件 → 配置组件 → 必要时调整整表外观 → 预览验收。掌握这一页，即可独立完成多数表单。

在哪里找 ​

步骤一：拖入组件 ​

  1. 打开组件列表，选好分组或搜索组件名。
  2. 拖到工作区目标位置（可拖到容器内部）。
  3. 松手后组件出现在画布上，默认带通用标题。

拖入后的工作区

步骤二：设置组件属性 ​

选中字段后，在右侧按需配置：

目标去哪里配
标题、提示、宽度基础配置
占位、选项、禁用属性配置
必填与格式验证配置
显隐/联动/公式高级配置
点击后做什么事件配置
颜色间距等外观样式配置

步骤三：设置表单属性 ​

切换到表单配置，可统一设置：

  • 表单名称、尺寸
  • 标签位置、标签宽度、内容对齐
  • 提交/重置按钮显示
  • 提交时是否忽略隐藏字段
  • 标签样式、表单事件

详见：表单配置、表单事件配置

画布上的常用操作 ​

选中组件后通常可：

  • 复制：快速得到相同配置的副本
  • 删除：移除不需要的组件
  • 添加子级：向容器/子表单内继续插入
  • 拖拽排序：调整先后顺序

误操作可用工具栏撤销 / 重做。

设计完成后的检查 ​

  1. 打开预览 → 表单模式，试填必填与选项。
  2. 切换阅读模式，检查详情展示是否清晰。
  3. 切换手机宽度，检查换行与按钮是否友好。
  4. 需要交付产物时，再查看生成组件 / SFC / HTML / SQL 等标签页。

场景示例 ​

入门：访客登记 ​

  1. 拖入：姓名、手机号、来访事由（多行）、来访日期。
  2. 姓名、手机号设必填。
  3. 表单配置：标签置顶，显示提交按钮。
  4. 预览提交一次。

常用：带明细的采购申请 ​

  1. 主表拖入申请人、部门、期望到货日。
  2. 拖入「表格表单」，在明细列配置物料、数量、单价。
  3. 用计算公式做行金额或合计（若需要）。
  4. 预览增删行并提交。

相关阅读 ​

相关技术文档 ​