Browse Source

fix: try to fix the inconsistent form input width

dev
hechang27-sprt 6 months ago
parent
commit
b2b462106b
  1. 6
      packages/base/item/datetime.vue
  2. 4
      packages/base/item/input.vue
  3. 4
      packages/base/item/select.vue
  4. 19
      packages/manage/common/login2.vue
  5. 9
      packages/manage/router/index.vue
  6. 9
      packages/manage/router/zhuBeiDong.vue

6
packages/base/item/datetime.vue

@ -79,9 +79,13 @@ onMounted(() => { @@ -79,9 +79,13 @@ onMounted(() => {
setWidth();
});
</script>
<style lang="scss">
<style lang="scss" scoped>
//@import url(); css
.form-item {
width: v-bind("width");
&.full {
width: 100%;
}
}
</style>

4
packages/base/item/input.vue

@ -74,6 +74,10 @@ onMounted(() => { @@ -74,6 +74,10 @@ onMounted(() => {
//@import url(); css
.form-item {
width: v-bind('width');
&.full {
width: 100%;
}
}
::v-deep .el-input-group__prepend {

4
packages/base/item/select.vue

@ -106,5 +106,9 @@ onMounted(() => { }); @@ -106,5 +106,9 @@ onMounted(() => { });
//@import url(); css
.form-item {
width: v-bind('width');
&.full {
width: 100%;
}
}
</style>

19
packages/manage/common/login2.vue

@ -133,9 +133,26 @@ onBeforeUnmount(() => { @@ -133,9 +133,26 @@ onBeforeUnmount(() => {
color: #424242;
}
.el-form-item {
:deep(.el-form-item__content) {
display: flex;
align-items: center;
}
}
.login-label {
display: inline-block;
min-width: 80px;
margin-right: 12px;
text-align: right;
font-size: 1rem;
color: v-bind('state.style.color');
}
.login-input {
flex: 1;
::v-deep .el-input__inner {
:deep(.el-input__inner) {
font-size: 2rem;
line-height: 3.5rem;
height: 3.5rem;

9
packages/manage/router/index.vue

@ -195,15 +195,6 @@ body { @@ -195,15 +195,6 @@ body {
color: v-bind("state.style.color");
}
.form-item {
margin-right: v-bind("state.size.searchMargin");
&.full {
width: 100%;
margin-right: 0px;
}
}
:deep(.el-input),
:deep(.el-textarea),
:deep(.el-date-editor),

9
packages/manage/router/zhuBeiDong.vue

@ -188,15 +188,6 @@ body { @@ -188,15 +188,6 @@ body {
color: v-bind("state.style.color") !important;
}
.form-item {
margin-right: v-bind("state.size.searchMargin");
&.full {
width: 100%;
margin-right: 0px;
}
}
:deep(.el-input),
:deep(.el-textarea),
:deep(.el-date-editor),

Loading…
Cancel
Save