From 368fb3b12c187ba950e2f77aa19736abfde0bbe0 Mon Sep 17 00:00:00 2001
From: ozh <sylphy.ou@tfegroup.com.hk>
Date: Thu, 10 Sep 2026 11:32:06 +0800
Subject: [PATCH] =?UTF-8?q?fix(style):=20=E5=AE=B6=E5=BA=AD=E5=9C=88?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E9=A1=B5=E9=80=9A=E6=A0=8F=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=E4=BF=AE=E6=AD=A3=E4=B8=8E=20CSS=20Modules=20=E6=9E=84?=
 =?UTF-8?q?=E5=BB=BA=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- config/index.ts miniCssExtractPlugin 开启 ignoreOrder，消除公共 chunk
  跨页面 import 顺序不一致的构建告警
- 家庭圈联系人添加页 .page 去掉四周 padding，hero Navbar 通栏接屏，
  左右留白改由内容卡/提交按钮自身 margin 提供
- reset.scss 移除多余 @import（variables 已由 sass.resource 前置注入）
---
 config/index.ts                          |  5 +++++
 src/pages/family/contact/add.module.scss | 12 +++++-------
 src/styles/reset.scss                    |  3 +--
 3 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/config/index.ts b/config/index.ts
index 28d3d7d..0bd4d9b 100644
--- a/config/index.ts
+++ b/config/index.ts
@@ -38,6 +38,11 @@ export default defineConfig(async (merge) => {
         modules: {
           exportLocalsConvention: 'camelCaseOnly'
         }
+      },
+      // 全部组件样式走 CSS Modules（类名带 hash，互不冲突），
+      // 公共 chunk 内文件顺序无层叠影响，忽略跨页面 import 顺序不一致的告警
+      miniCssExtractPluginOption: {
+        ignoreOrder: true
       }
     }
   }
diff --git a/src/pages/family/contact/add.module.scss b/src/pages/family/contact/add.module.scss
index 111df8f..7502696 100644
--- a/src/pages/family/contact/add.module.scss
+++ b/src/pages/family/contact/add.module.scss
@@ -1,21 +1,19 @@
+// page 不加四周 padding：hero Navbar 需通栏接屏，左右留白由内容卡 margin 提供
 .page {
   min-height: 100vh;
   background: $color-bg;
-  padding: 24px 24px 40px;
+  padding-bottom: 40px;
 }
 
 .card,
 .contactsCard {
+  margin: 24px 24px 0;
   background: $color-bg-white;
   border-radius: $radius-lg;
   box-shadow: $shadow-card;
   padding: 8px 32px;
 }
 
-.contactsCard {
-  margin-top: 24px;
-}
-
 .formRow {
   min-height: 104px;
   display: flex;
@@ -114,9 +112,9 @@
 
 .submit {
   height: 96px;
-  margin-top: 40px;
+  margin: 40px 24px 0;
   background: $color-primary-grad;
-  border-radius: 48px;
+  border-radius: $radius-pill;
   display: flex;
   align-items: center;
   justify-content: center;
diff --git a/src/styles/reset.scss b/src/styles/reset.scss
index 732f7a0..1aca36a 100644
--- a/src/styles/reset.scss
+++ b/src/styles/reset.scss
@@ -1,5 +1,4 @@
-@import './variables.scss';
-
+// variables.scss 由 config/index.ts 的 sass.resource 自动前置到每个 scss 文件，无需在此 @import
 // designWidth=750 下 1px=1rpx，正文默认字号取 28rpx(=14物理px)
 page {
   background-color: $color-bg;