Merge branch 'main' of https://git.gpxscs.cn/front/website

src/views/start/start.vue

@@ -10,7 +10,7 @@
         :model="applyFormData"
         :rules="rules"
         ref="formRef"
-        label-width="160px"
+        label-width= 120
         style="max-width: 600px"
         v-loading.fullscreen.lock="loading"
         element-loading-text="数据加载中..."
@@ -730,8 +730,9 @@
                 v-model="applyFormData.bank_branch_name"
                 placeholder="中国工商银行桂平"
                 placement="top-start"
-                style="width: 350px"
                 :options="bankList2"
+                popper-class="responsive-select-popper"
+                :teleported="false"
               >
                 <template #prefix>
                   <el-icon>
@@ -1849,4 +1850,74 @@ onMounted(() => {
     margin-left: 0px;
   }
 }
+
+:deep(.responsive-select-popper) {
+  // 默认样式
+  // width: 80%;
+  // max-height: 300px;
+  // overflow-y: auto !important;
+  
+  .el-select-dropdown__item {
+    // padding: 8px 12px;
+    // font-size: 14px;
+    white-space: normal;
+    line-height:1 !important;
+  }
+  
+  // 平板设备 (768px - 1024px)
+  @media (max-width: 1024px) {
+    // width: 80%;
+    // max-height: 250px;
+    
+    .el-select-dropdown__item {
+      // padding: 6px 10px;
+      // font-size: 13px;
+      white-space: normal;
+      line-height:1 !important;
+    }
+  }
+  
+  // 手机设备 (小于 768px)
+  @media (max-width: 768px) {
+    // max-width: 100vw;
+    // width: 90vw !important;
+    // left: 50% !important;
+    // transform: translateX(-50%) !important;
+    // max-height: 60vh;
+    
+    .el-select-dropdown__item {
+      // padding: 10px 15px;
+      // font-size: 14px;
+      white-space: normal;
+      line-height: 1;
+    }
+    
+    // 调整搜索图标
+    .el-input__prefix {
+      left: 10px;
+    }
+    
+    .el-select-v2__input {
+      padding-left: 35px !important;
+      font-size: 14px;
+    }
+  }
+  
+  // 小手机设备 (小于 480px)
+  @media (max-width: 480px) {
+    // width: 95vw !important;
+    // max-height: 70vh;
+    
+    .el-select-dropdown__item {
+      // padding: 8px 12px;
+      // font-size: 13px;
+      white-space: normal;
+      line-height: 1;
+    }
+    
+    .el-select-v2__input {
+      font-size: 13px;
+    }
+  }
+}
 </style>