Skip to content
On this page

字段说明

设计器左侧字段面板可拖拽内置字段说明。

布局字段

栅格布局

  • type:
    grid
  • el: <el-row> / <a-row>

表格布局

  • type:
    report
  • el: <table>

标签页

  • type:
    tabs
  • el: <el-tabs> / <a-tabs>

折叠面板

  • type:
    collapse
  • el: <el-collapse> / <a-collapse>

行内布局

  • type:
    inline
  • el: <div>

卡片

  • type:
    card
  • el: <el-card> / <a-card>

分割线

  • type:
    divider
  • el: <el-divider> / <a-divider>

提示

  • type:
    alert
  • el: <el-alert> / <a-alert>

容器字段

子表单

  • type:
    table
  • el: <el-table> / <a-table>

绑定数据列表, array 类型数据,不支持布局嵌套。

子表单+

  • type:
    subform

绑定数据列表, array 类型数据,支持嵌套复杂布局字段。

对话框

  • type:
    dialog
  • el: <el-dialog> / <a-modal>

绑定object类型数据

分组

  • type:
    group

绑定object类型数据

基础字段

单行文本

  • type:
    input
  • el: <el-input> / <a-input>

多行文本

  • type:
    textarea
  • el: <el-input type="textarea"> / <a-textarea>

计数器

  • type:
    number
  • el: <el-input-number> / <a-input-number>

单选框组

  • type:
    radio
  • el: <el-radio-group> / <a-radio-group>

多选框组

  • type:
    checkbox
  • el: <el-checkbox-group> / <a-checkbox-group>

下拉选择框

  • type:
    select
  • el: <el-select> / <a-select>

时间选择器

  • type:
    time
  • el: <el-time-picker> / <a-time-picker>

日期选择器

  • type:
    date
  • el: <el-date-picker> / <a-date-picker>

评分

  • type:
    rate
  • el: <el-rate> / <a-rate>

颜色选择器

  • type:
    color
  • el: <el-color-picker>

开关

  • type:
    switch
  • el: <el-switch> / <a-switch>

滑块

  • type:
    slider
  • el: <el-slider> / <a-slider>

文字

  • type:
    text

HTML

  • type:
    html

按钮

  • type:
    button
  • el: <el-button> / <a-button>

文字链接

  • type:
    link
  • el: <el-link>

级联选择器

  • type:
    cascader
  • el: <el-cascader> / <a-cascader>

树选择

  • type:
    treeselect
  • el: <el-tree-select> / <a-tree-select>

步骤条

  • type:
    steps
  • el: <el-steps> / <a-steps>

穿梭框

  • type:
    transfer
  • el: <el-transfer> / <a-transfer>

分页

  • type:
    pagination
  • el: <el-pagination> / <a-pagination>

高级字段

自定义区域

  • type:
    blank

插槽

自定义组件

  • type:
    component

文件

  • type:
    fileupload

图片

  • type:
    imgupload

编辑器

  • type:
    editor

富文本编辑器 QuillEditor