diff --git a/src/components/GuipInput.vue b/src/components/GuipInput.vue index eed7f1a..04abb86 100644 --- a/src/components/GuipInput.vue +++ b/src/components/GuipInput.vue @@ -1,8 +1,7 @@ @@ -149,23 +147,23 @@ export default { pointer-events: none; /* 防止单位文本影响输入框的点击事件 */ } -.custom-form-item { - ::v-deep .el-form-item__content { - display: flex; - flex-direction: column; - align-items: flex-start; - } +// .custom-form-item { +// ::v-deep .el-form-item__content { +// display: flex; +// flex-direction: column; +// align-items: flex-start; +// } - .input-wrapper { - position: relative; - width: 100%; - } +// .input-wrapper { +// position: relative; +// width: 100%; +// } - ::v-deep .el-form-item__error { - position: relative; - margin-top: 4px; - padding-top: 0; - line-height: 1; - } -} +// ::v-deep .el-form-item__error { +// position: relative; +// margin-top: 4px; +// padding-top: 0; +// line-height: 1; +// } +// } \ No newline at end of file diff --git a/src/components/GuipRadio.vue b/src/components/GuipRadio.vue index 1428f05..fcedc89 100644 --- a/src/components/GuipRadio.vue +++ b/src/components/GuipRadio.vue @@ -178,4 +178,30 @@ export default { gap: 20px 24px; flex-wrap: wrap; } +.custom-form-item { + ::v-deep .el-form-item__content { + display: flex; + flex-direction: column; + align-items: flex-start; + min-height: auto; /* 允许高度自由扩展 */ + } + + /* 错误提示样式调整 */ + ::v-deep .el-form-item__error { + position: relative; /* 改为相对定位 */ + margin-top: 4px; /* 与单选框组保持间距 */ + padding-top: 0; + line-height: 1.5; + white-space: normal; /* 允许错误信息换行 */ + } + + /* 单选框组布局调整 */ + .el-radio-group { + margin: 10px 0; + display: flex; + flex-wrap: wrap; + gap: 20px 24px; + width: 100%; /* 确保宽度填满 */ + } +} \ No newline at end of file diff --git a/src/components/GuipSelect.vue b/src/components/GuipSelect.vue index c8387f6..bb02428 100644 --- a/src/components/GuipSelect.vue +++ b/src/components/GuipSelect.vue @@ -1,7 +1,7 @@