1

src/views/index.vue

@@ -158,10 +158,6 @@
             <div class="client-logo">
               <img :src="client.logo" :alt="client.name" />
             </div>
-            <div class="client-info">
-              <h4>{{client.name}}</h4>
-              <p>{{client.description}}</p>
-            </div>
           </div>
         </div>
       </div>
@@ -757,19 +753,23 @@ export default {
 
 .clients-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-  gap: 20px;
+  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+  gap: 15px;
   margin-top: 50px;
 }
 
 .client-item {
   background: white;
-  padding: 20px 15px;
+  padding: 15px;
   border-radius: 12px;
   box-shadow: 0 8px 25px rgba(0,0,0,0.1);
   transition: transform 0.3s ease, box-shadow 0.3s ease;
   text-align: center;
   border: 1px solid #e9ecef;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 80px;
 }
 
 .client-item:hover {
@@ -778,16 +778,16 @@ export default {
 }
 
 .client-logo {
-  margin-bottom: 15px;
   display: flex;
   align-items: center;
   justify-content: center;
-  height: 60px;
+  width: 100%;
+  height: 100%;
 }
 
 .client-logo img {
   max-width: 100%;
-  max-height: 45px;
+  max-height: 50px;
   object-fit: contain;
   filter: grayscale(100%);
   transition: filter 0.3s ease;
@@ -797,19 +797,6 @@ export default {
   filter: grayscale(0%);
 }
 
-.client-info h4 {
-  font-size: 1.1rem;
-  font-weight: 600;
-  color: #2c3e50;
-  margin-bottom: 8px;
-}
-
-.client-info p {
-  color: #6c757d;
-  font-size: 0.8rem;
-  margin: 0;
-}
-
 /* 联系我们区域 */
 .contact-section {
   padding: 80px 0;