From a563361b45430e4c99ddc625d995154f34b3e556 Mon Sep 17 00:00:00 2001
From: tjx <t2856754968@163.com>
Date: 星期二, 04 十一月 2025 18:55:33 +0800
Subject: [PATCH] 样式调整1

---
 components/mold.vue |   60 ++++++++++++++++++++++++++++++++++++++++--------------------
 1 files changed, 40 insertions(+), 20 deletions(-)

diff --git a/components/mold.vue b/components/mold.vue
index 85fea09..902aa33 100644
--- a/components/mold.vue
+++ b/components/mold.vue
@@ -680,7 +680,7 @@
         align-items: center;
         flex: 1;
         margin: 0 8px;
-        min-height: 40px;
+        min-height: 44px;
     }
 
     .form-label {
@@ -690,6 +690,7 @@
         color: #333;
         white-space: nowrap;
         margin-right: 8px;
+        flex-shrink: 0;
     }
 
     .input {
@@ -697,7 +698,7 @@
         font-size: 16px;
         border: 1px solid #dcdfe6;
         flex: 1;
-        margin-right: 8px;
+        margin-right: 0;
         border-radius: 4px;
         background: #fff;
         min-width: 0;
@@ -728,6 +729,7 @@
         height: 36px;
         box-sizing: border-box;
         transition: all 0.3s;
+        flex-shrink: 0;
     }
 
         .btn-blue:hover {
@@ -799,15 +801,27 @@
         background: #fff;
         padding: 3vh 3vw;
         border-radius: 18px;
-        width: 100vw;
-        max-width: 1200px;
-        min-height: 60vh;
+        width: 90vw;
+        max-width: 1600px;
+        min-height: 70vh;
+        max-height: 85vh;
         box-sizing: border-box;
         box-shadow: 0 8px 32px rgba(0,0,0,0.12);
+        display: flex;
+        flex-direction: column;
+    }
+
+    .form-group {
+        display: flex;
+        gap: 12px;
+        align-items: center;
+        margin-bottom: 2vh;
+        flex-shrink: 0;
     }
 
     .form-group .input {
-        width: 24vw;
+        flex: 1;
+        min-width: 300px;
         border-radius: 6px;
         background: #f8f8f8;
     }
@@ -816,25 +830,28 @@
         display: flex;
         flex-wrap: wrap;
         margin: 1vh 0;
-        max-height: 40vh;
+        flex: 1;
         overflow-y: auto;
-        gap: 10px 0;
+        gap: 12px;
+        align-content: flex-start;
     }
 
     .tool-btn {
-        flex: 0 0 24%;
+        flex: 0 0 calc(20% - 10px);
         box-sizing: border-box;
-        margin: 5px 1% 5px 0;
-        padding: 12px 18px;
+        padding: 14px 16px;
         background: #f5f5f5;
         border: 1px solid #d0d0d0;
         border-radius: 8px;
         cursor: pointer;
         color: #333;
         text-align: left;
-        font-size: 1vw;
+        font-size: 16px;
+        min-height: 60px;
         transition: background 0.15s, color 0.15s;
-        word-break: break-all;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
     }
 
         .tool-btn.active {
@@ -851,6 +868,7 @@
         margin-top: 2vh;
         padding-top: 2vh;
         border-top: 1px solid #eee;
+        flex-shrink: 0;
     }
 
         .dialog-actions > div:first-child {
@@ -1005,15 +1023,17 @@
 
     /* 鏂板澶ф寜閽牱寮� */
     .btn-blue.large-btn {
-        padding: 12px 24px;
-        font-size: 18px;
-        height: 44px;
-        min-width: 120px;
+        padding: 8px 24px;
+        font-size: 16px;
+        height: 36px;
+        min-width: 100px;
     }
 
-    /* 璋冩暣琛ㄥ崟鍗曞厓鏍煎竷灞�浠ラ�傚簲澶ф寜閽� */
-    .form-cell:last-child {
-        justify-content: flex-end;
+    /* 璋冩暣琛ㄥ崟鍗曞厓鏍煎竷灞�浠ラ�傚簲鎸夐挳 */
+    .form-row .form-cell:last-child {
+        justify-content: center;
+        flex: 0 0 auto;
+        min-width: 120px;
     }
 
 </style>
\ No newline at end of file

--
Gitblit v1.9.3