概述

如果你觉得生成的表单样式不能满足你,你可以通过【自定义Class】配置来修改样式。

自定义样式是采用样式覆盖的方式来实现,通过添加类名定义,用新的样式覆盖原有的样式。

表单样式自定义

表单属性【自定义Class】中填写自定义样式类名
表单渲染时会在生成


全局或者局部定义样式,实现表单样式的自定义,可以通过表单脚本载入

.form-custom{ padding: 10px; background: #eee; border: 1px solid #ccc; } 

字段样式自定义

在【字段属性】配置中定义样式类名 【自定义Class】:form-item-custom


全局或者局部定义样式,实现字段样式的自定义

.form-item-custom .el-form-item__label{ color: blue; } 

表格样式

可以通过栅格布局和自定义样式来配合使用完成表格边框的创建,设计器中内置了ibps-border-form样式快速实现效果。
只需表单自定义样式设置

文档更新时间: 2020-03-13 17:25   作者:庄晓晖
标签中加入 class