From 2e4e544f38887b8b3b8962446f335f9faf7edba5 Mon Sep 17 00:00:00 2001 From: liulujian Date: Sun, 5 Jul 2026 00:11:08 +0800 Subject: [PATCH] =?UTF-8?q?refactor:=20=E5=85=A8=E5=B1=80=E5=9C=86?= =?UTF-8?q?=E8=A7=92=E6=94=B6=E5=B0=8F,=E9=80=82=E9=85=8D=E6=94=BF?= =?UTF-8?q?=E5=BA=9C=E5=B9=B3=E5=8F=B0=E6=AD=A3=E5=BC=8F=E9=A3=8E=E6=A0=BC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 卡片/面板/侧边栏/入口卡/统计卡: 12px/16px→6px 组件(EmptyState/SkeletonCard/StatsSummary): 12px/10px→6px 变量文件: @market-card-radius/@market-filter-radius/@gxnlpt-* 等 标签/按钮等小元素保持3-6px不变 Co-Authored-By: Claude --- .../src/pages/index/components/EmptyState.vue | 2 +- .../src/pages/index/components/SkeletonCard.vue | 2 +- .../src/pages/index/components/StatsSummary.vue | 2 +- .../src/pages/index/styles/home-figma-variables.less | 12 ++++++------ .../pages/index/styles/market-list-variables.less | 4 ++-- txw-mhzc-web/src/pages/index/views/fwsc/fwsc.vue | 4 ++-- txw-mhzc-web/src/pages/index/views/fwsc/index.vue | 8 ++++---- txw-mhzc-web/src/pages/index/views/fwsc/jrsc.vue | 10 +++++----- txw-mhzc-web/src/pages/index/views/fwsc/sjlbc.vue | 2 +- txw-mhzc-web/src/pages/index/views/fwsc/sjsc.vue | 6 +++--- txw-mhzc-web/src/pages/index/views/fwsc/xqsc.vue | 6 +++--- 11 files changed, 29 insertions(+), 29 deletions(-) diff --git a/txw-mhzc-web/src/pages/index/components/EmptyState.vue b/txw-mhzc-web/src/pages/index/components/EmptyState.vue index 7ed8bef..fcb4633 100644 --- a/txw-mhzc-web/src/pages/index/components/EmptyState.vue +++ b/txw-mhzc-web/src/pages/index/components/EmptyState.vue @@ -50,7 +50,7 @@ export default { min-height: 320px; padding: 48px 40px; background: #fff; - border-radius: 12px; + border-radius: 6px; animation: empty-fade-in 0.5s ease; } diff --git a/txw-mhzc-web/src/pages/index/components/SkeletonCard.vue b/txw-mhzc-web/src/pages/index/components/SkeletonCard.vue index 62eb507..6b674f3 100644 --- a/txw-mhzc-web/src/pages/index/components/SkeletonCard.vue +++ b/txw-mhzc-web/src/pages/index/components/SkeletonCard.vue @@ -42,7 +42,7 @@ export default { min-height: 180px; padding: 20px; background: #fff; - border-radius: 12px; + border-radius: 6px; } .skeleton-line { diff --git a/txw-mhzc-web/src/pages/index/components/StatsSummary.vue b/txw-mhzc-web/src/pages/index/components/StatsSummary.vue index cd183dc..6a63146 100644 --- a/txw-mhzc-web/src/pages/index/components/StatsSummary.vue +++ b/txw-mhzc-web/src/pages/index/components/StatsSummary.vue @@ -127,7 +127,7 @@ export default { justify-content: center; padding: 20px 24px; background: #fff; - border-radius: 10px; + border-radius: 6px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05); overflow: hidden; diff --git a/txw-mhzc-web/src/pages/index/styles/home-figma-variables.less b/txw-mhzc-web/src/pages/index/styles/home-figma-variables.less index 0717e98..37c3221 100644 --- a/txw-mhzc-web/src/pages/index/styles/home-figma-variables.less +++ b/txw-mhzc-web/src/pages/index/styles/home-figma-variables.less @@ -1004,11 +1004,11 @@ html.portal-figma-scale-active.portal-market-figma-scale-active { @gxnlpt-layout-gap: 24px; @gxnlpt-sidebar-width: 280px; @gxnlpt-sidebar-padding: 20px; -@gxnlpt-sidebar-radius: 16px; +@gxnlpt-sidebar-radius: 6px; @gxnlpt-side-nav-gap: 10px; @gxnlpt-side-item-height: 48px; -@gxnlpt-side-item-radius-active: 10px; -@gxnlpt-side-item-radius: 16px; +@gxnlpt-side-item-radius-active: 6px; +@gxnlpt-side-item-radius: 6px; @gxnlpt-side-label-size: 20px; @gxnlpt-side-action-border: #d1d9d5; @gxnlpt-side-action-bg: #e6f8f0; @@ -1022,8 +1022,8 @@ html.portal-figma-scale-active.portal-market-figma-scale-active { @gxnlpt-card-padding-y: 16px; @gxnlpt-card-padding-x: 20px; @gxnlpt-card-grid-gap: 16px; -@gxnlpt-card-radius: 10px; -@gxnlpt-card-radius-hover: 12px; +@gxnlpt-card-radius: 6px; +@gxnlpt-card-radius-hover: 6px; @gxnlpt-more-color: #909399; @gxnlpt-form-error: #f53f3f; @gxnlpt-sidebar-sticky-top: 24px; @@ -1063,7 +1063,7 @@ html.portal-figma-scale-active.portal-market-figma-scale-active { @hyzt-landing-cards-px: 30px; @hyzt-landing-cards-pb: @portal-landing-cards-pb; @hyzt-landing-cards-gap: 24px; -@hyzt-landing-card-radius: 16px; +@hyzt-landing-card-radius: 6px; @hyzt-landing-card-padding: 28px; @hyzt-landing-card-col-gap: 20px; /* 与服务中心四宫格卡片同高（page-layout --portal-service-card-min-height） */ diff --git a/txw-mhzc-web/src/pages/index/styles/market-list-variables.less b/txw-mhzc-web/src/pages/index/styles/market-list-variables.less index 6d60528..be17075 100644 --- a/txw-mhzc-web/src/pages/index/styles/market-list-variables.less +++ b/txw-mhzc-web/src/pages/index/styles/market-list-variables.less @@ -42,7 +42,7 @@ // 卡片 // ----------------------------------------------------------------------------- @market-card-bg: #ffffff; -@market-card-radius: 12px; +@market-card-radius: 6px; @market-card-shadow: 0 2px 12px rgba(0, 0, 0, 0.06); @market-card-shadow-hover: 0 8px 24px rgba(0, 154, 41, 0.12); @market-card-hover-lift: -4px; @@ -80,7 +80,7 @@ @market-filter-width: 220px; @market-filter-sticky-top: 104px; @market-filter-bg: #ffffff; -@market-filter-radius: 12px; +@market-filter-radius: 6px; @market-filter-shadow: 0 2px 12px rgba(0, 0, 0, 0.06); @market-filter-section-separator: 1px dashed #e0e0e0; @market-filter-title-color: #333; diff --git a/txw-mhzc-web/src/pages/index/views/fwsc/fwsc.vue b/txw-mhzc-web/src/pages/index/views/fwsc/fwsc.vue index 711fe24..7af9a2d 100644 --- a/txw-mhzc-web/src/pages/index/views/fwsc/fwsc.vue +++ b/txw-mhzc-web/src/pages/index/views/fwsc/fwsc.vue @@ -689,7 +689,7 @@ export default { .filter-sidebar-content { padding: 20px; background: #fff; - border-radius: 12px; + border-radius: 6px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06); } @@ -772,7 +772,7 @@ export default { overflow: hidden; background: #fff; border-left: @market-card-color-stripe-width solid transparent; - border-radius: 12px; + border-radius: 6px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06); transition: all 0.3s ease; .market-card-color-stripes(); 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 f32ce79..22eff82 100644 --- a/txw-mhzc-web/src/pages/index/views/fwsc/index.vue +++ b/txw-mhzc-web/src/pages/index/views/fwsc/index.vue @@ -294,16 +294,16 @@ export default { .service-card { min-height: var(--portal-service-card-min-height, 268px); cursor: pointer; - border-radius: 16px; + border-radius: 6px; overflow: hidden; background: #fff; - box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06); + box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06); transition: all 0.3s ease; box-sizing: border-box; &:hover { - transform: translateY(-8px); - box-shadow: 0 12px 32px rgba(0, 154, 41, 0.15); + transform: translateY(-4px); + box-shadow: 0 8px 24px rgba(0, 154, 41, 0.12); } } diff --git a/txw-mhzc-web/src/pages/index/views/fwsc/jrsc.vue b/txw-mhzc-web/src/pages/index/views/fwsc/jrsc.vue index dc72b87..718b88a 100644 --- a/txw-mhzc-web/src/pages/index/views/fwsc/jrsc.vue +++ b/txw-mhzc-web/src/pages/index/views/fwsc/jrsc.vue @@ -780,7 +780,7 @@ export default { .filter-sidebar-content { padding: 20px; background: @bg-white; - border-radius: 12px; + border-radius: 6px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06); } @@ -1073,7 +1073,7 @@ export default { overflow: hidden; background: @bg-white; border-left: @market-card-color-stripe-width solid transparent; - border-radius: 12px; + border-radius: 6px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06); transition: all 0.3s; flex-direction: column; @@ -1132,7 +1132,7 @@ export default { height: 48px; overflow: hidden; background: linear-gradient(135deg, @primary-bg 0%, #f0f9f0 100%); - border-radius: 12px; + border-radius: 6px; align-items: center; justify-content: center; } @@ -1151,7 +1151,7 @@ export default { font-weight: 600; color: @primary-color; background: linear-gradient(135deg, @primary-bg 0%, #f0f9f0 100%); - border-radius: 12px; + border-radius: 6px; align-items: center; justify-content: center; } @@ -1259,7 +1259,7 @@ export default { min-height: 400px; padding: 40px; background: @bg-white; - border-radius: 12px; + border-radius: 6px; .loading-spinner { width: 48px; diff --git a/txw-mhzc-web/src/pages/index/views/fwsc/sjlbc.vue b/txw-mhzc-web/src/pages/index/views/fwsc/sjlbc.vue index 233479c..7387582 100644 --- a/txw-mhzc-web/src/pages/index/views/fwsc/sjlbc.vue +++ b/txw-mhzc-web/src/pages/index/views/fwsc/sjlbc.vue @@ -375,7 +375,7 @@ export default { padding: 24px; margin: 16px auto 0; background: linear-gradient(135deg, #009a29 0%, #00c853 100%); - border-radius: 12px; + border-radius: 6px; box-shadow: 0 4px 12px rgba(0, 154, 41, 0.15); color: #fff; box-sizing: border-box; diff --git a/txw-mhzc-web/src/pages/index/views/fwsc/sjsc.vue b/txw-mhzc-web/src/pages/index/views/fwsc/sjsc.vue index 2421618..93d96e9 100644 --- a/txw-mhzc-web/src/pages/index/views/fwsc/sjsc.vue +++ b/txw-mhzc-web/src/pages/index/views/fwsc/sjsc.vue @@ -618,7 +618,7 @@ export default { .filter-sidebar-content { padding: 20px; background: #fff; - border-radius: 12px; + border-radius: 6px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06); } @@ -690,7 +690,7 @@ export default { overflow: hidden; background: #fff; border-left: @market-card-color-stripe-width solid transparent; - border-radius: 12px; + border-radius: 6px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06); transition: all 0.3s ease; .market-card-color-stripes(); @@ -879,7 +879,7 @@ export default { min-height: 400px; padding: 40px; background: #fff; - border-radius: 12px; + border-radius: 6px; .loading-spinner { width: 48px; diff --git a/txw-mhzc-web/src/pages/index/views/fwsc/xqsc.vue b/txw-mhzc-web/src/pages/index/views/fwsc/xqsc.vue index dfe9651..2996362 100644 --- a/txw-mhzc-web/src/pages/index/views/fwsc/xqsc.vue +++ b/txw-mhzc-web/src/pages/index/views/fwsc/xqsc.vue @@ -664,7 +664,7 @@ export default { .filter-sidebar-content { padding: 20px; background: #fff; - border-radius: 12px; + border-radius: 6px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06); } @@ -730,7 +730,7 @@ export default { overflow: hidden; background: #fff; border-left: @market-card-color-stripe-width solid transparent; - border-radius: 12px; + border-radius: 6px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06); transition: all 0.3s ease; .market-card-color-stripes(); @@ -929,7 +929,7 @@ export default { min-height: 400px; padding: 40px; background: #fff; - border-radius: 12px; + border-radius: 6px; .loading-spinner { width: 48px;