feat ui设计稿

src/views/home/index.vue

@@ -27,9 +27,8 @@ onMounted(() => {
 
 <template>
   <div class="home">
-    <div class="container">
-      <HomeBanner :banners="banners" />
-    </div>
+    <!-- 设计稿头图为通栏（0..1920），故不包 .container -->
+    <HomeBanner :banners="banners" />
 
     <div class="container home__dashboard">
       <section class="home__dashboard-main">
@@ -55,23 +54,30 @@ onMounted(() => {
 <style lang="less" scoped>
 .home {
   .flex(column, flex-start);
-  gap: @spacing-xl;
-  padding-top: @spacing-xl;
+  // 设计稿区块间距 19~20 设计px ≈ 16 CSS；头图紧贴顶栏
+  gap: @spacing-base;
+  padding-top: 0;
   padding-bottom: @spacing-xxl;
 
   &__dashboard {
     .flex(row, space-between, stretch);
-    gap: @spacing-base;
+    // 设计稿左右卡间距 36 设计px ≈ 28 CSS
+    gap: 28px;
+    // 设计稿区块行 1680 设计px 宽（内容区内左右各缩 50 设计px）≈ 1294 CSS
+    max-width: 1326px;
+    margin-right: auto;
+    margin-left: auto;
   }
 
   &__dashboard-main {
     .flex(row, space-between, center);
     flex: 1;
     gap: @spacing-lg;
-    padding: @spacing-xl;
+    // 设计稿欢迎卡（120,754,922,245）：白底 + 浅灰描边，内边距 61/106/66/73 设计px
+    padding: 46px 56px 46px 82px;
+    border: 1px solid @home-card-border;
     border-radius: @radius-lg;
-    background: linear-gradient(120deg, @primary-color, #6a5cff);
-    box-shadow: @shadow-base;
+    background: @white;
   }
 }
 </style>