浏览代码

Merge pull request #413 from huanlirui/fix-form-inline-select-width-none

fix:修复 element-plus 2.5版本以上,Form表单组件的inline模式下,select选择器的宽度丢失问题
Archer 1 年之前
父节点
当前提交
ebc20bd67e
共有 2 个文件被更改,包括 11 次插入3 次删除
  1. 1 1
      package.json
  2. 10 2
      src/components/Form/src/Form.vue

+ 1 - 1
package.json

@@ -40,7 +40,7 @@
     "driver.js": "^1.3.1",
     "echarts": "^5.4.3",
     "echarts-wordcloud": "^2.1.0",
-    "element-plus": "^2.4.4",
+    "element-plus": "^2.5.3",
     "lodash-es": "^4.17.21",
     "mitt": "^3.0.1",
     "nprogress": "^0.2.0",

+ 10 - 2
src/components/Form/src/Form.vue

@@ -424,7 +424,15 @@ export default defineComponent({
   margin-left: 0 !important;
 }
 
-.@{elNamespace}-form--inline .@{elNamespace}-input {
-  width: 245px;
+.@{elNamespace}-form--inline {
+  :deep(.el-form-item__content) {
+    & > :first-child {
+      min-width: 229.5px;
+    }
+  }
+  .@{elNamespace}-input-number {
+    // 229.5px是兼容el-input-number的最小宽度,
+    min-width: 229.5px;
+  }
 }
 </style>