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布局组件 |