From 72355953618362566a2a90978bdfe99a5b7ea3e6 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Mon, 15 Dec 2025 11:34:04 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E5=A2=9E=E5=8A=A0=20.page-contain?=
 =?UTF-8?q?er=20=E5=85=A8=E5=B1=80=E6=A0=B7=E5=BC=8F=EF=BC=8C=E5=B9=B6?=
 =?UTF-8?q?=E6=9B=BF=E6=8D=A2=E7=9B=B8=E5=85=B3=E7=9A=84=20vue=20=E7=95=8C?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages-bpm/processInstance/create/index.vue       | 2 +-
 src/pages-bpm/processInstance/detail/audit/index.vue | 2 +-
 src/pages-bpm/processInstance/detail/index.vue       | 2 +-
 src/pages-infra/apiAccessLog/detail/index.vue        | 2 +-
 src/pages-infra/apiAccessLog/index.vue               | 2 +-
 src/pages-infra/apiErrorLog/detail/index.vue         | 2 +-
 src/pages-infra/apiErrorLog/index.vue                | 2 +-
 src/pages-infra/webSocket/index.vue                  | 2 +-
 src/pages-system/dept/detail/index.vue               | 2 +-
 src/pages-system/dept/form/index.vue                 | 2 +-
 src/pages-system/dept/index.vue                      | 2 +-
 src/pages-system/menu/detail/index.vue               | 2 +-
 src/pages-system/menu/form/index.vue                 | 2 +-
 src/pages-system/menu/index.vue                      | 2 +-
 src/pages-system/post/detail/index.vue               | 2 +-
 src/pages-system/post/form/index.vue                 | 2 +-
 src/pages-system/post/index.vue                      | 2 +-
 src/pages-system/role/detail/index.vue               | 2 +-
 src/pages-system/role/form/index.vue                 | 2 +-
 src/pages-system/role/index.vue                      | 3 +--
 src/pages-system/user/detail/index.vue               | 2 +-
 src/pages-system/user/form/index.vue                 | 2 +-
 src/pages-system/user/index.vue                      | 3 +--
 src/pages/bpm/index.vue                              | 2 +-
 src/pages/contact/index.vue                          | 2 +-
 src/pages/index/index.vue                            | 2 +-
 src/pages/index/settings/index.vue                   | 2 +-
 src/pages/message/index.vue                          | 2 +-
 src/pages/user/contact/index.vue                     | 2 +-
 src/pages/user/faq/index.vue                         | 2 +-
 src/pages/user/feedback/index.vue                    | 2 +-
 src/pages/user/index.vue                             | 2 +-
 src/pages/user/profile/index.vue                     | 2 +-
 src/pages/user/security/index.vue                    | 2 +-
 src/pages/user/settings/agreement/index.vue          | 2 +-
 src/pages/user/settings/index.vue                    | 2 +-
 src/pages/user/settings/privacy/index.vue            | 2 +-
 src/style/index.scss                                 | 8 ++++++++
 38 files changed, 45 insertions(+), 39 deletions(-)

diff --git a/src/pages-bpm/processInstance/create/index.vue b/src/pages-bpm/processInstance/create/index.vue
index 3b2ce3f..6bca388 100644
--- a/src/pages-bpm/processInstance/create/index.vue
+++ b/src/pages-bpm/processInstance/create/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="min-h-screen bg-[#f5f5f5]">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <wd-navbar
       title="发起申请"
diff --git a/src/pages-bpm/processInstance/detail/audit/index.vue b/src/pages-bpm/processInstance/detail/audit/index.vue
index 76cd61a..90d0c2b 100644
--- a/src/pages-bpm/processInstance/detail/audit/index.vue
+++ b/src/pages-bpm/processInstance/detail/audit/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="min-h-screen bg-[#f5f5f5]">
+  <view class="page-container">
     <!-- TODO @芋艿：还有一些细节，在审批通过没搞完！ -->
     <!-- 顶部导航栏 -->
     <wd-navbar
diff --git a/src/pages-bpm/processInstance/detail/index.vue b/src/pages-bpm/processInstance/detail/index.vue
index 110f8f1..a7829d8 100644
--- a/src/pages-bpm/processInstance/detail/index.vue
+++ b/src/pages-bpm/processInstance/detail/index.vue
@@ -1,6 +1,6 @@
 <template>
   <!-- TODO @芋艿：功能待 review；先从老版本迁移过来！ -->
-  <view class="min-h-screen bg-[#f5f5f5]">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <wd-navbar
       title="审批详情"
diff --git a/src/pages-infra/apiAccessLog/detail/index.vue b/src/pages-infra/apiAccessLog/detail/index.vue
index 712e84a..862e558 100644
--- a/src/pages-infra/apiAccessLog/detail/index.vue
+++ b/src/pages-infra/apiAccessLog/detail/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="min-h-screen bg-[#f5f5f5]">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <wd-navbar
       title="访问日志详情"
diff --git a/src/pages-infra/apiAccessLog/index.vue b/src/pages-infra/apiAccessLog/index.vue
index 441d927..9d00f76 100644
--- a/src/pages-infra/apiAccessLog/index.vue
+++ b/src/pages-infra/apiAccessLog/index.vue
@@ -1,6 +1,6 @@
 <template>
   <!-- TODO @芋艿：【优化：全局样式】后续要全局样式么 -->
-  <view class="min-h-screen bg-[#f5f5f5]">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <wd-navbar
       title="API 访问日志"
diff --git a/src/pages-infra/apiErrorLog/detail/index.vue b/src/pages-infra/apiErrorLog/detail/index.vue
index f38069e..c07e845 100644
--- a/src/pages-infra/apiErrorLog/detail/index.vue
+++ b/src/pages-infra/apiErrorLog/detail/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="min-h-screen bg-[#f5f5f5]">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <wd-navbar
       title="错误日志详情"
diff --git a/src/pages-infra/apiErrorLog/index.vue b/src/pages-infra/apiErrorLog/index.vue
index e998528..34ba744 100644
--- a/src/pages-infra/apiErrorLog/index.vue
+++ b/src/pages-infra/apiErrorLog/index.vue
@@ -1,6 +1,6 @@
 <template>
   <!-- TODO @芋艿：【优化：全局样式】后续要全局样式么 -->
-  <view class="min-h-screen bg-[#f5f5f5]">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <wd-navbar
       title="API 错误日志"
diff --git a/src/pages-infra/webSocket/index.vue b/src/pages-infra/webSocket/index.vue
index feae779..1bdb739 100644
--- a/src/pages-infra/webSocket/index.vue
+++ b/src/pages-infra/webSocket/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="min-h-screen bg-[#f5f5f5]">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <wd-navbar
       title="WebSocket 测试"
diff --git a/src/pages-system/dept/detail/index.vue b/src/pages-system/dept/detail/index.vue
index f181201..a240cd3 100644
--- a/src/pages-system/dept/detail/index.vue
+++ b/src/pages-system/dept/detail/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="min-h-screen bg-[#f5f5f5]">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <wd-navbar
       title="部门详情"
diff --git a/src/pages-system/dept/form/index.vue b/src/pages-system/dept/form/index.vue
index e0fde25..7249757 100644
--- a/src/pages-system/dept/form/index.vue
+++ b/src/pages-system/dept/form/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="min-h-screen bg-[#f5f5f5]">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <wd-navbar
       :title="getTitle"
diff --git a/src/pages-system/dept/index.vue b/src/pages-system/dept/index.vue
index f5ac47a..f946447 100644
--- a/src/pages-system/dept/index.vue
+++ b/src/pages-system/dept/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="min-h-screen bg-[#f5f5f5]">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <wd-navbar
       title="部门管理"
diff --git a/src/pages-system/menu/detail/index.vue b/src/pages-system/menu/detail/index.vue
index 98b3c0b..dbc57d6 100644
--- a/src/pages-system/menu/detail/index.vue
+++ b/src/pages-system/menu/detail/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="min-h-screen bg-[#f5f5f5]">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <wd-navbar
       title="菜单详情"
diff --git a/src/pages-system/menu/form/index.vue b/src/pages-system/menu/form/index.vue
index e6fd31d..13b5a96 100644
--- a/src/pages-system/menu/form/index.vue
+++ b/src/pages-system/menu/form/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="min-h-screen bg-[#f5f5f5]">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <wd-navbar
       :title="getTitle"
diff --git a/src/pages-system/menu/index.vue b/src/pages-system/menu/index.vue
index 8ff2212..0085fbd 100644
--- a/src/pages-system/menu/index.vue
+++ b/src/pages-system/menu/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="min-h-screen bg-[#f5f5f5]">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <wd-navbar
       title="菜单管理"
diff --git a/src/pages-system/post/detail/index.vue b/src/pages-system/post/detail/index.vue
index dd772ff..7e61033 100644
--- a/src/pages-system/post/detail/index.vue
+++ b/src/pages-system/post/detail/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="min-h-screen bg-[#f5f5f5]">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <wd-navbar
       title="岗位详情"
diff --git a/src/pages-system/post/form/index.vue b/src/pages-system/post/form/index.vue
index 9a6ae85..cf3122a 100644
--- a/src/pages-system/post/form/index.vue
+++ b/src/pages-system/post/form/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="min-h-screen bg-[#f5f5f5]">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <wd-navbar
       :title="getTitle"
diff --git a/src/pages-system/post/index.vue b/src/pages-system/post/index.vue
index 9827ee8..34769e8 100644
--- a/src/pages-system/post/index.vue
+++ b/src/pages-system/post/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="min-h-screen bg-[#f5f5f5]">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <wd-navbar
       title="岗位管理"
diff --git a/src/pages-system/role/detail/index.vue b/src/pages-system/role/detail/index.vue
index 312098d..30e1f93 100644
--- a/src/pages-system/role/detail/index.vue
+++ b/src/pages-system/role/detail/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="min-h-screen bg-[#f5f5f5]">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <wd-navbar
       title="角色详情"
diff --git a/src/pages-system/role/form/index.vue b/src/pages-system/role/form/index.vue
index 3375233..880f06b 100644
--- a/src/pages-system/role/form/index.vue
+++ b/src/pages-system/role/form/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="min-h-screen bg-[#f5f5f5]">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <wd-navbar
       :title="getTitle"
diff --git a/src/pages-system/role/index.vue b/src/pages-system/role/index.vue
index 2fc9f8b..450499e 100644
--- a/src/pages-system/role/index.vue
+++ b/src/pages-system/role/index.vue
@@ -1,6 +1,5 @@
 <template>
-  <!-- TODO @芋艿：【优化：全局样式】后续要全局样式么 -->
-  <view class="min-h-screen bg-[#f5f5f5]">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <wd-navbar
       title="角色管理"
diff --git a/src/pages-system/user/detail/index.vue b/src/pages-system/user/detail/index.vue
index 21ecf99..56112b2 100644
--- a/src/pages-system/user/detail/index.vue
+++ b/src/pages-system/user/detail/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="min-h-screen bg-[#f5f5f5]">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <wd-navbar
       title="用户详情"
diff --git a/src/pages-system/user/form/index.vue b/src/pages-system/user/form/index.vue
index 0bab712..c56a1e6 100644
--- a/src/pages-system/user/form/index.vue
+++ b/src/pages-system/user/form/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="min-h-screen bg-[#f5f5f5]">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <wd-navbar
       :title="getTitle"
diff --git a/src/pages-system/user/index.vue b/src/pages-system/user/index.vue
index 4642025..be60d64 100644
--- a/src/pages-system/user/index.vue
+++ b/src/pages-system/user/index.vue
@@ -1,6 +1,5 @@
 <template>
-  <!-- TODO @芋艿：【优化：全局样式】后续要全局样式么 -->
-  <view class="min-h-screen bg-[#f5f5f5]">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <wd-navbar
       title="用户管理"
diff --git a/src/pages/bpm/index.vue b/src/pages/bpm/index.vue
index e94c4d9..90d1ed4 100644
--- a/src/pages/bpm/index.vue
+++ b/src/pages/bpm/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="min-h-screen bg-[#f5f5f5]">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <wd-navbar
       title="审批"
diff --git a/src/pages/contact/index.vue b/src/pages/contact/index.vue
index 619f86d..e1575a0 100644
--- a/src/pages/contact/index.vue
+++ b/src/pages/contact/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="min-h-screen bg-[#f5f5f5]">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <wd-navbar
       title="通讯录"
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index a825a34..551d30a 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="min-h-screen bg-#f5f5f5">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <wd-navbar
       title="工作台"
diff --git a/src/pages/index/settings/index.vue b/src/pages/index/settings/index.vue
index 051a38b..47012be 100644
--- a/src/pages/index/settings/index.vue
+++ b/src/pages/index/settings/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="min-h-screen bg-#f5f5f5">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <wd-navbar
       title="编辑工作台"
diff --git a/src/pages/message/index.vue b/src/pages/message/index.vue
index 4da5757..8b582b4 100644
--- a/src/pages/message/index.vue
+++ b/src/pages/message/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="min-h-screen bg-[#f5f5f5]">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <!-- TODO @AI：待修复 -->
     <wd-navbar
diff --git a/src/pages/user/contact/index.vue b/src/pages/user/contact/index.vue
index 85ffd2a..bfac3db 100644
--- a/src/pages/user/contact/index.vue
+++ b/src/pages/user/contact/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="min-h-screen bg-gray-100">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <wd-navbar
       title="联系客服"
diff --git a/src/pages/user/faq/index.vue b/src/pages/user/faq/index.vue
index 41782e0..65a62e5 100644
--- a/src/pages/user/faq/index.vue
+++ b/src/pages/user/faq/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="min-h-screen flex flex-col bg-white">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <wd-navbar
       title="常见问题"
diff --git a/src/pages/user/feedback/index.vue b/src/pages/user/feedback/index.vue
index 2ada310..b7333e5 100644
--- a/src/pages/user/feedback/index.vue
+++ b/src/pages/user/feedback/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="min-h-screen bg-[#f5f5f5]">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <wd-navbar
       title="意见反馈"
diff --git a/src/pages/user/index.vue b/src/pages/user/index.vue
index f656a1c..ce90d7d 100644
--- a/src/pages/user/index.vue
+++ b/src/pages/user/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="min-h-screen bg-[#f5f5f5]">
+  <view class="page-container">
     <!-- 顶部背景区域 -->
     <view class="header-bg h-120rpx w-full flex items-center justify-center" />
 
diff --git a/src/pages/user/profile/index.vue b/src/pages/user/profile/index.vue
index e654884..e1f79e0 100644
--- a/src/pages/user/profile/index.vue
+++ b/src/pages/user/profile/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="min-h-screen bg-[#f5f5f5]">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <wd-navbar
       title="个人资料"
diff --git a/src/pages/user/security/index.vue b/src/pages/user/security/index.vue
index 1562604..60e6571 100644
--- a/src/pages/user/security/index.vue
+++ b/src/pages/user/security/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="min-h-screen bg-[#f5f5f5]">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <wd-navbar
       title="账号安全"
diff --git a/src/pages/user/settings/agreement/index.vue b/src/pages/user/settings/agreement/index.vue
index 6a05fe5..98c6846 100644
--- a/src/pages/user/settings/agreement/index.vue
+++ b/src/pages/user/settings/agreement/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="min-h-screen bg-white">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <wd-navbar
       title="用户协议"
diff --git a/src/pages/user/settings/index.vue b/src/pages/user/settings/index.vue
index 92f80bb..1170b0b 100644
--- a/src/pages/user/settings/index.vue
+++ b/src/pages/user/settings/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="min-h-screen bg-[#f5f5f5]">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <wd-navbar
       title="应用设置"
diff --git a/src/pages/user/settings/privacy/index.vue b/src/pages/user/settings/privacy/index.vue
index a6cbd52..ec6e727 100644
--- a/src/pages/user/settings/privacy/index.vue
+++ b/src/pages/user/settings/privacy/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="min-h-screen bg-white">
+  <view class="page-container">
     <!-- 顶部导航栏 -->
     <wd-navbar
       title="隐私协议"
diff --git a/src/style/index.scss b/src/style/index.scss
index 1ee7de9..7e1a9c7 100644
--- a/src/style/index.scss
+++ b/src/style/index.scss
@@ -9,6 +9,14 @@
   color: red;
 }
 
+// ==================== 全局公共样式 ====================
+
+// 页面容器：灰色背景 + 最小全屏高度
+.page-container {
+  @apply min-h-screen;
+  background-color: #f5f5f5;
+}
+
 :root,
 page {
   // 修改按主题色