fix:css样式报错修复

src/views/perfManage/kpiKeyTarget/index.vue

@@ -985,45 +985,43 @@ const applyTwoColumnLayout = () => {
 
 
 
-:deep {
+:deep(.ant-card-body) {
-  .ant-card-body {
+  flex: 1;
-    flex: 1;
+  display: flex;
-    display: flex;
+  flex-direction: column;
-    flex-direction: column;
+  padding: 16px !important;
-    padding: 16px !important;
+  overflow: hidden;
-    overflow: hidden;
+}
-  }
 
-  .ant-form-item {
+:deep(.ant-form-item) {
-    margin-bottom: 0;
+  margin-bottom: 0;
-  }
+}
 
-  .ant-form-item-label {
+:deep(.ant-form-item-label) {
-    font-weight: 500;
+  font-weight: 500;
-    color: rgba(0, 0, 0, 0.85);
+  color: rgba(0, 0, 0, 0.85);
-  }
+}
 
-  .anticon {
+:deep(.anticon) {
-    font-size: 16px;
+  font-size: 16px;
-    color: #1890ff;
+  color: #1890ff;
-  }
+}
 
-  .ant-select {
+:deep(.ant-select) {
-    min-width: 200px;
+  min-width: 200px;
-  }
+}
 
-  .ant-card-head {
+:deep(.ant-card-head) {
-    padding: 8px 16px;  /* 减小上下内边距 */
+  padding: 8px 16px;  /* 减小上下内边距 */
-  }
+}
 
-  .ant-card-head-title {
+:deep(.ant-card-head-title) {
-    padding: 8px 0;  /* 减小上下内边距 */
+  padding: 8px 0;  /* 减小上下内边距 */
-    width: 100%; // 确保标题占据全宽
+  width: 100%; // 确保标题占据全宽
-  }
+}
 
-  .ant-range-picker {
+:deep(.ant-range-picker) {
-    flex-shrink: 0; // 防止日期选择被压缩
+  flex-shrink: 0; // 防止日期选择被压缩
-    max-width: 100%; // 确保在小屏幕上不会溢出
+  max-width: 100%; // 确保在小屏幕上不会溢出
-  }
 }
 </style>