jc-biz-components
Version:
jc component library based on Antd
87 lines (72 loc) • 1.55 kB
text/less
@import '../../style/variables.less';
@display-item-prefix-cls: ~'@{component-prefix}-display-item';
:global {
.@{display-item-prefix-cls} {
display: flex ;
justify-content: flex-start;
// align-items: center;
.ant-form-item-label {
position: relative;
flex-shrink: 0;
overflow: visible;
label {
color: #595959;
}
}
.ant-form-item-control-wrapper {
flex: 1;
.ant-form-item-children {
display: block;
width: 100%;
}
}
&-label-left .ant-form-item-label {
text-align: left;
}
&-label-right .ant-form-item-label {
text-align: right;
}
&-item-text {
color: #000;
padding-top: 10px;
flex: 1;
display: flex;
> span {
text-align: justify;
line-height: 1.5;
}
}
&-label-width-4 .ant-form-item-label {
width: 5em;
}
&-label-width-5 .ant-form-item-label {
width: 6em;
}
&-label-width-6 .ant-form-item-label {
width: 7em;
}
&-label-width-7 .ant-form-item-label {
width: 8em;
}
&-label-width-8 .ant-form-item-label {
width: 9em;
}
.ant-checkbox-group {
padding-top: 9px;
}
.ant-form-extra {
font-size: 12px;
}
.ant-form-item-required::before {
content: '*';
position: absolute;
font-family: SimSun;
line-height: 1;
font-size: 12px;
color: #F5222D;
left: -8px;
top: 4px;
z-index: 888;
}
}
}