管道气销售

src/design/index.less

@@ -42,3 +42,38 @@ svg,
 span {
     outline: none !important;
 }
+
+.formViewStyle {
+  margin-left: 1px ;
+  margin-right: 1px ;
+  padding: 3px;
+  .ant-input-number-disabled, input.ant-input-disabled,.ant-picker.ant-picker-disabled  {
+    border: none !important;
+    background-color: transparent !important;
+    padding-left: 0 !important;
+    color: rgb(0 0 0 / 85%) !important;
+    ::placeholder {
+      opacity: 0;
+    }
+  }
+  input.ant-input-disabled:placeholder-shown{
+    opacity: 0 !important;
+  }
+  .ant-picker-input > input[disabled], .ant-radio-disabled + span {
+    color: rgb(0 0 0 / 85%) !important;
+  }
+
+  .ant-picker.ant-picker-disabled .ant-picker-input .ant-picker-suffix {
+    display: none !important;
+  }
+  .ant-input-search > .ant-input-group > .ant-input-group-addon-disabled:last-child {
+    display: none !important;
+  }
+  .ant-input[disabled] {
+    border: none !important;
+    background-color: transparent !important;
+  }
+  .ant-form-item-label > label  {
+    color: rgba(0, 0, 0, 0.65) !important;
+  }
+}

src/design/theme.less

@@ -90,6 +90,45 @@ html[data-theme='light'] {
 
 .page-bg-wrap {
     background-color: #fff;
-    padding: 12px 12px 0 12px;
-    margin: 12px 12px 0 12px;
+    // padding: 12px 12px 0 12px;
+    margin: 6px 12px 0 12px;
+    
 }
+.ant-card-head {
+  padding: 0 12px !important;
+}
+.ant-card-head {
+  min-height: 32px !important;
+}
+
+
+.ant-card-body {
+  padding: 12px !important;
+}
+
+.formViewStyle {
+  .ant-card {
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.1) !important;
+    // box-shadow: 0 4px 4px 4px #0000001a !important; /* 扩散半径为4px，模糊半径为12px */
+    // box-shadow: -8px 2px 4px #0000001a;
+    // box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
+    margin-bottom: 15px;
+    border-radius: 5px;
+  }
+
+  .ant-card-head-title::before {
+    content: '';
+    display: inline-block;
+    width: 2px;
+    height: 1em;
+    background-color: #5e95ff; /* 竖线的颜色 */
+    margin-right: 8px; /* 与标题内容的间距 */
+    vertical-align: middle;
+  }
+  .ant-card-head-title {
+    padding: 10px 0 !important;
+    display: flex !important;
+    align-items: center !important;
+    
+  }
+}