Appearance
组件类型
在 form 中子组件类型通过 columns.key.type 定义, columns 类型参考 表单列类型,下面是type类型描述
类型描述
| type | Description | 对应原生类型 |
|---|---|---|
| button | 按钮 | el-button |
| link | link按钮 | el-button |
| buttonGroup | 按钮组 | el-button-group |
| text | 文本框 | el-input |
| textarea | 多行文本框 | el-input |
| checkboxlist | 复选框列表 | el-checkbox-group |
| checkbox | 复选框 | el-checkbox |
| switch | switch开关 | el-switch |
| radiolist | 单选框列表(同checkboxlist) | el-radio-group |
| datetime | 日期时间 | el-date-picker |
| date | 日期 | el-date-picker |
| daterange | 日期范围 | el-date-picker |
| datetimerange | 日期时间范围 | el-date-picker |
| time | 时间 | el-time-picker |
| month | 月选择 | el-date-picker |
| monthrange | 月范围选择 | el-date-picker |
| week | 星期 | el-date-picker |
| quarter | 季度选择 | el-date-picker |
| year | 年选择 | el-date-picker |
| label | 文字 | div |
| number | 数字输入框 | el-input-number |
| select | 下拉选择 | el-select |
| cascader | 下拉级联选择 | el-cascader |
| treeselect | 下拉树选择 | el-tree-select |
| tableselect | 下拉/弹框表格选择 | el-select |
| uploaderimage | 上传图片 | el-upload |
| uploaderfile | 上传文件 | el-upload |
| tree | 树 | el-tree |
| table | 表格Table | el-table |
| split | 分割线 | el-divider |
| tipmsg | 提醒Tip | el-alert |
其他组件描述
| Name | Description | 对应原生类型 |
|---|---|---|
| dn-page | 页面容器 | |
| dn-form | 表单容器 | el-form |
| dn-dialog | 对话框 | el-dialog |
| dn-icon | 图标 | el-icon |
| dn-tabs | 选项卡 | el-tabs |
| dn-card | 卡片容器 | el-card |
| dn-layout | Layou布局组件 |