This commit is contained in:
张成
2025-08-27 10:05:56 +08:00
parent cc41662a79
commit b392e1ea46

View File

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