1
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user