Parcourir la source

style: 调整Tracking Download Attachment卡片样式

Jack Zhou il y a 1 mois
Parent
commit
28b9285439

+ 16 - 3
src/views/Tracking/src/components/DownloadAttachment/src/DownloadAttachment.vue

@@ -367,6 +367,8 @@ const handleDownloadAllSelectedFiles = (label?: string) => {
   }
 }
 .left-select-section {
+  height: 100%;
+  overflow: auto;
   .header-select-all {
     margin: 16px 0;
     span {
@@ -379,13 +381,24 @@ const handleDownloadAllSelectedFiles = (label?: string) => {
     }
   }
   & > .attachment-list {
-    display: flex;
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
+    // display: flex;
     gap: 8px;
-    flex-wrap: wrap;
+    // flex-wrap: wrap;
+    padding-bottom: 36px;
+    height: calc(100% - 64px);
+    overflow: auto;
+    :deep(.el-checkbox__label) {
+      display: flex;
+      align-items: center;
+      & > .label {
+        margin-top: 3px;
+      }
+    }
   }
 }
 .left-select-section .attachment-list .attachment-item {
-  width: calc(50% - 4px);
   height: 320px;
   border: 1px solid var(--color-border);
   border-radius: 12px;