xiaoyu/txw
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: 全局圆角收小,适配政府平台正式风格

Browse Source 
卡片/面板/侧边栏/入口卡/统计卡: 12px/16px→6px
组件(EmptyState/SkeletonCard/StatsSummary): 12px/10px→6px
变量文件: @market-card-radius/@market-filter-radius/@gxnlpt-* 等
标签/按钮等小元素保持3-6px不变

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
liulujian 2026-07-05 00:11:08 +08:00
parent 847f3a52ea
commit 2e4e544f38
11 changed files with 29 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
txw-mhzc-web/src/pages/index/components/EmptyState.vue
View File

@ -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;
}

2
txw-mhzc-web/src/pages/index/components/SkeletonCard.vue
View File

@ -42,7 +42,7 @@ export default {
min-height: 180px;
padding: 20px;
background: #fff;
border-radius: 12px;
border-radius: 6px;
}
.skeleton-line {

2
txw-mhzc-web/src/pages/index/components/StatsSummary.vue
View File

@ -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;

12
txw-mhzc-web/src/pages/index/styles/home-figma-variables.less
View File

@ -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） */

4
txw-mhzc-web/src/pages/index/styles/market-list-variables.less
View File

@ -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;

4
txw-mhzc-web/src/pages/index/views/fwsc/fwsc.vue
View File

@ -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();

8
txw-mhzc-web/src/pages/index/views/fwsc/index.vue
View File

@ -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);
}
}

10
txw-mhzc-web/src/pages/index/views/fwsc/jrsc.vue
View File

@ -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;

2
txw-mhzc-web/src/pages/index/views/fwsc/sjlbc.vue
View File

@ -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;

6
txw-mhzc-web/src/pages/index/views/fwsc/sjsc.vue
View File

@ -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;

6
txw-mhzc-web/src/pages/index/views/fwsc/xqsc.vue
View File

@ -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;