@form-create/element-ui
Version:
Element Plus 版本低代码表单 | FormCreate 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的低代码表单生成组件。支持多个 UI 框架,适配移动端,并且支持生成任何 Vue 组件。内置 20 种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。
72 lines (57 loc) • 1.6 kB
CSS
.form-create .form-create .el-form-item {
margin-bottom: 22px;
}
.form-create {
width: 100%;
}
.form-create.is-preview .fc-clock, .form-create .fc-none, .form-create.is-preview .el-form-item.is-required > .el-form-item__label-wrap > .el-form-item__label:before, .form-create.is-preview .el-form-item.is-required > .el-form-item__label:before {
display: none ;
}
.fc-wrap-right > .el-form-item__label {
display: flex;
justify-content: flex-end;
}
.fc-wrap-left > .el-form-item__label {
display: flex;
justify-content: flex-start;
}
.fc-wrap-top.el-form-item {
display: block;
}
.fc-wrap-top.el-form-item > .el-form-item__label {
display: block;
height: auto;
line-height: 22px;
margin-bottom: 8px;
text-align: left;
float: unset;
}
.el-form--large .fc-wrap-top.el-form-item > .el-form-item__label {
line-height: 22px;
margin-bottom: 12px;
}
.el-form--default .fc-wrap-top.el-form-item > .el-form-item__label {
line-height: 22px;
margin-bottom: 8px;
}
.el-form--small .fc-wrap-top.el-form-item > .el-form-item__label {
line-height: 20px;
margin-bottom: 4px;
}
.fc-form-footer {
margin-top: 12px;
}
.form-create.is-numbered {
counter-reset: q;
}
.form-create.is-numbered .fc-form-title {
counter-increment: q;
}
.form-create.is-numbered .fc-form-title::before {
content: counter(q) '. ';
color: var(--fc-number-color, inherit);
font-weight: 600;
}
.form-create.is-numbered.is-number-chinese .fc-form-title::before {
content: counter(q, simp-chinese-informal) '、';
}