test/element
1
0
Fork 0
mirror of https://gitee.com/ElemeFE/element.git synced 2024-12-02 12:18:46 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Form: fix label style (#14969)

Browse Source
This commit is contained in:
hetech 2019-04-03 20:03:56 +08:00 committed by iamkun
parent 7eacbbeb2e
commit 7b24f82586
3 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/form/src/form.vue
View File

@ -56,6 +56,7 @@
},
computed: {
autoLabelWidth() {
if (!this.potentialLabelWidthArr.length) return 0;
const max = Math.max(...this.potentialLabelWidthArr);
return max ? `${max}px` : '';
}

12
packages/form/src/label-wrap.vue
View File

@ -15,7 +15,10 @@ export default {
const autoLabelWidth = this.elForm.autoLabelWidth;
const style = {};
if (autoLabelWidth && autoLabelWidth !== 'auto') {
style.width = autoLabelWidth;
const marginLeft = parseInt(autoLabelWidth, 10) - this.computedWidth;
if (marginLeft) {
style.marginLeft = marginLeft + 'px';
}
}
return (<div class="el-form-item__label-wrap" style={style}>
{ slots }
@ -64,10 +67,9 @@ export default {
this.updateLabelWidth('update');
},
// Is this necessary?
// updated() {
// this.updateLabelWidth('update');
// },
updated() {
this.updateLabelWidth('update');
},
beforeDestroy() {
this.updateLabelWidth('remove');

1
packages/theme-chalk/src/form.scss
View File

@ -86,7 +86,6 @@
@include e(label-wrap) {
float: left;
text-align: right;
.el-form-item__label {
display: inline-block;
float: none;