新增布局调整

ant-design-vue-jeecg/src/views/modulex/modules/ModulexForm.vue

@@ -342,12 +342,18 @@ export default {
         verisonStatus: 1
       },
       labelCol: {
-        xs: { span: 24 },
-        sm: { span: 5 }
+        // 24格栅格系统，label所占为 a
+        xxl: 5, // ≥1600px 响应式栅格
+        xl: 8, // ≥1200px 响应式栅格
+        lg: 10, // ≥992px 响应式栅格
+        md: 12 // ≥768px 响应式栅格
       },
       wrapperCol: {
-        xs: { span: 24 },
-        sm: { span: 16 }
+        // 24格栅格系统，label后面内容所占为 24-a
+        xxl: 18,
+        xl: 15,
+        lg: 13,
+        md: 11
       },
       confirmLoading: false,
       validatorRules: {
@@ -428,20 +434,14 @@ export default {
 }
 </script>
 <style lang="less" scoped>
-.ant-col {
-  width: 50%;
-}
-
-/deep/.ant-col-sm-16 {
-  width: 70%;
-}
-.ant-col-sm-5 {
-  width: 0%;
+/deep/.ant-col-24 {
+  width: 47%;
+  margin-right: 3%;
 }
 .content_describe {
   width: 100%;
   .ant-col-sm-5 {
-    width: 10% I;
+    width: 10%;
   }
   /deep/ .ant-col-sm-16 {
     width: 85%;
@@ -457,4 +457,7 @@ export default {
   margin-bottom: 0.5rem;
   margin-right: 0.8rem;
 }
+/deep/.ant-col-24 .ant-form-item .ant-col-xs-24 {
+  text-align: none;
+}
 </style>