feat ui设计稿bug修复

src/views/home/index.vue

@@ -12,7 +12,7 @@ import HomeBusinessCards from './cpns/HomeBusinessCards.vue'
 import HomeCaseShowcase from './cpns/HomeCaseShowcase.vue'
 
 const homeStore = useHomeStore()
-const { stats, banners, businessLines, featuredCases } = storeToRefs(homeStore)
+const { stats, businessLines, featuredCases } = storeToRefs(homeStore)
 
 const todaySummary = computed(() => `今天有${stats.value.inProgress}个项目正在进行`)
 
@@ -27,10 +27,11 @@ onMounted(() => {
 
 <template>
   <div class="home">
-    <!-- 设计稿头图为通栏（0..1920），故不包 .container -->
-    <HomeBanner :banners="banners" />
+    <!-- 设计稿头图为通栏（0..1920），静态设计图，故不包 .container -->
+    <HomeBanner />
 
-    <div class="container home__dashboard">
+    <!-- 首页设计稿单独基准：内容区 1680 / 留白 120，故用 container--home -->
+    <div class="container container--home home__dashboard">
       <section class="home__dashboard-main">
         <HomeWelcome :summary="todaySummary" />
         <HomeStats :stats="stats" />
@@ -38,11 +39,11 @@ onMounted(() => {
       <HomeQuickEntries />
     </div>
 
-    <div class="container">
+    <div class="container container--home">
       <HomeBusinessCards :lines="businessLines" />
     </div>
 
-    <div class="container">
+    <div class="container container--home">
       <HomeCaseShowcase
         :cases="featuredCases"
         @category-change="onCategoryChange"
@@ -54,27 +55,24 @@ onMounted(() => {
 <style lang="less" scoped>
 .home {
   .flex(column, flex-start);
-  // 设计稿区块间距 19~20 设计px ≈ 16 CSS；头图紧贴顶栏
-  gap: @spacing-base;
+  // 设计稿区块间距 ≈ 20px（内容区 1680，区块卡紧邻）
+  gap: 20px;
   padding-top: 0;
   padding-bottom: @spacing-xxl;
 
   &__dashboard {
     .flex(row, space-between, stretch);
-    // 设计稿左右卡间距 36 设计px ≈ 28 CSS
-    gap: 28px;
-    // 设计稿区块行 1680 设计px 宽（内容区内左右各缩 50 设计px）≈ 1294 CSS
-    max-width: 1326px;
-    margin-right: auto;
-    margin-left: auto;
+    // 设计稿左右卡间距 36px（左卡宽 922 / 右卡宽 722，内容区 1680）
+    gap: 36px;
   }
 
   &__dashboard-main {
     .flex(row, space-between, center);
     flex: 1;
+    min-width: 0;                        // 允许收缩，右侧快捷卡才能在窄视口让位
     gap: @spacing-lg;
-    // 设计稿欢迎卡（120,754,922,245）：白底 + 浅灰描边，内边距 61/106/66/73 设计px
-    padding: 46px 56px 46px 82px;
+    // 设计稿欢迎卡（120,754,922,245）：白底 + 浅灰描边
+    padding: 0 73px 0 106px;
     border: 1px solid @home-card-border;
     border-radius: @radius-lg;
     background: @white;