From 1ca3df933c63f3a003ebd2d099f77c0b916558a8 Mon Sep 17 00:00:00 2001
From: hufflzp <1395188856@qq.com>
Date: Tue, 30 Dec 2025 14:04:07 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E5=85=A5=E4=BD=8F=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E2=80=9C=E5=BC=80=E6=88=B7=E9=93=B6=E8=A1=8C=E2=80=9D=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9=E6=A1=86=E9=93=B6=E8=A1=8C=E5=90=8D=E5=AD=97=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E4=B8=8D=E5=85=A8=E9=97=AE=E9=A2=98=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/start/start.vue | 75 +++++++++++++++++++++++++++++++++++++--
 1 file changed, 73 insertions(+), 2 deletions(-)

diff --git a/src/views/start/start.vue b/src/views/start/start.vue
index a0c1092..2b9d8f9 100644
--- a/src/views/start/start.vue
+++ b/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>