自定义样式

如果你觉得生成的表单样式不能满足你,你可以通过【自定义Class】配置来修改样式,该功能高级版本提供

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

表单样式自定义

  • 表单属性【自定义Class】中填写自定义样式类名

表单渲染时会在生成 <form/> 标签中加入 class

  • 全局或者局部定义样式,实现表单样式的自定义
.form-custom{
  padding: 10px;
  background: #eee;
  border: 1px solid #ccc;
}

字段样式自定义

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

  • 全局或者局部定义样式,实现字段样式的自定义
.form-item-custom .el-form-item__label{
  color: blue;
}