diff --git a/txw-mhzc-web/src/pages/index/views/fwsc/index.vue b/txw-mhzc-web/src/pages/index/views/fwsc/index.vue index 6a3036d..14a0ced 100644 --- a/txw-mhzc-web/src/pages/index/views/fwsc/index.vue +++ b/txw-mhzc-web/src/pages/index/views/fwsc/index.vue @@ -24,7 +24,7 @@
汇聚全国优质第三方服务机构,提供从核算到认证的全链条专业服务。
@@ -37,7 +37,7 @@企业发布真实服务采购需求,智能匹配靠谱服务商,杜绝中间商差价。
@@ -50,7 +50,7 @@打通"碳"与"钱"的通道。提供碳质押、碳回购、绿色信贷及碳基金对接服务。
@@ -63,7 +63,7 @@合规高效的碳数据流转平台。包括公共数据、社会性数据、因子库等多类数据库。
@@ -151,11 +151,11 @@ export default { // Banner 区 .banner-section { display: flex; + height: 280px; + text-align: center; + background: linear-gradient(135deg, #009a29 0%, #4caf50 100%); align-items: center; justify-content: center; - height: 280px; - background: linear-gradient(135deg, #009a29 0%, #4caf50 100%); - text-align: center; } .banner-content { @@ -164,12 +164,12 @@ export default { } .banner-title { + margin-bottom: 16px; font-size: 48px; font-weight: 600; line-height: 64px; letter-spacing: 0; color: #fff; - margin-bottom: 16px; } .banner-subtitle { @@ -195,13 +195,13 @@ export default { .service-card { display: flex; - flex-direction: column; padding: 32px; + cursor: pointer; background: #fff; border-radius: 12px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); - cursor: pointer; transition: all 0.3s ease; + flex-direction: column; &:hover { transform: scale(1.02); @@ -213,6 +213,9 @@ export default { width: 64px; height: 64px; margin-bottom: 20px; + display: flex; + align-items: center; + justify-content: center; img { width: 100%; @@ -222,21 +225,21 @@ export default { } .service-card-title { + margin-bottom: 12px; font-size: 24px; font-weight: 600; line-height: 32px; letter-spacing: 0; color: #1a1a1a; - margin-bottom: 12px; } .service-card-desc { + margin-bottom: 24px; font-size: 14px; font-weight: 400; line-height: 22px; letter-spacing: 0; color: #666; - margin-bottom: 24px; flex-grow: 1; }