修改

mobile/src/views/collectpage/components/collectDetail.vue

@@ -646,6 +646,7 @@ onMounted(() => {
 .artifact-info-card {
   position: absolute;
   top: 44%;
+  width: 90%;
   height: 47%;
   background: #F4EFE9;
   border-radius: 15px 15px 0 0;

mobile/src/views/recruitPage/index.vue

@@ -520,11 +520,12 @@ const handleSubmit = async () => {
     .custom-distpicker {
       display: flex;
       gap: 8px;
+      flex-wrap: wrap;
 
       :deep(select) {
         flex: 1;
         height: 44px;
-        width: 102px;
+        width: 96px;
         border: 1px solid #B49D7E;
         border-radius: 6px;
         padding: 0 12px;
@@ -743,54 +744,106 @@ const handleSubmit = async () => {
 }
 
 // 响应式适配
-@media (max-width: 768px) {
-  .recruit-page {
-    .recruit-form {
-      :deep(.el-form-item) {
-        .el-form-item__label {
-          font-size: 13px;
-        }
-      }
-
-      .custom-distpicker {
-        :deep(select) {
-          height: 40px;
-          font-size: 13px;
-        }
-      }
-
-      .custom-input {
-        :deep(.el-input__wrapper) {
-          height: 40px;
-
-          .el-input__inner {
-            font-size: 13px;
-          }
-        }
-      }
-
-      .image-preview-grid {
-        grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
-        gap: 8px;
-      }
-
-      .preview-image {
-        width: 70px;
-        height: 70px;
-      }
-
-      .custom-upload,
-      .custom-upload-file {
-        :deep(.el-upload) {
-          width: 70px;
-          height: 70px;
-
-          .el-icon {
-            font-size: 20px;
-          }
-        }
-      }
-    }
-  }
-}
+// @media (max-width: 375px) {
+//   .recruit-page {
+//     .recruit-form {
+//       :deep(.el-form-item) {
+//         .el-form-item__label {
+//           font-size: 13px;
+//         }
+//       }
+
+//       .custom-distpicker {
+//         :deep(select) {
+//           height: 40px;
+//           font-size: 13px;
+//           width: 89px;
+//         }
+//       }
+
+//       .custom-input {
+//         :deep(.el-input__wrapper) {
+//           height: 40px;
+
+//           .el-input__inner {
+//             font-size: 13px;
+//           }
+//         }
+//       }
+
+//       .image-preview-grid {
+//         grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
+//         gap: 8px;
+//       }
+
+//       .preview-image {
+//         width: 70px;
+//         height: 70px;
+//       }
+
+//       .custom-upload,
+//       .custom-upload-file {
+//         :deep(.el-upload) {
+//           width: 70px;
+//           height: 70px;
+
+//           .el-icon {
+//             font-size: 20px;
+//           }
+//         }
+//       }
+//     }
+//   }
+// }
+// @media (min-width: 376px) and (max-width:400px) {
+//   .recruit-page {
+//     .recruit-form {
+//       :deep(.el-form-item) {
+//         .el-form-item__label {
+//           font-size: 13px;
+//         }
+//       }
+
+//       .custom-distpicker {
+//         :deep(select) {
+//           height: 40px;
+//           font-size: 13px;
+//           width: 94px;
+//         }
+//       }
+
+//       .custom-input {
+//         :deep(.el-input__wrapper) {
+//           height: 40px;
+
+//           .el-input__inner {
+//             font-size: 13px;
+//           }
+//         }
+//       }
+
+//       .image-preview-grid {
+//         grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
+//         gap: 8px;
+//       }
+
+//       .preview-image {
+//         width: 70px;
+//         height: 70px;
+//       }
+
+//       .custom-upload,
+//       .custom-upload-file {
+//         :deep(.el-upload) {
+//           width: 70px;
+//           height: 70px;
+
+//           .el-icon {
+//             font-size: 20px;
+//           }
+//         }
+//       }
+//     }
+//   }
+// }
 </style>