From aa2da07c993e1395799aa0b7c15c13cc7084afea Mon Sep 17 00:00:00 2001 From: wuzilong <704541015@qq.com> Date: Sat, 12 Sep 2026 19:01:37 +0800 Subject: [PATCH] fix(miniprogram): left-align headers, raise workbench bar, drop dashboard username Co-authored-by: Cursor --- .../components/bx-ui/bx-wf-config-page.vue | 2 +- miniprogram/pages/bx/admin/expense-item.vue | 2 +- miniprogram/pages/bx/advance/apply.vue | 2 +- miniprogram/pages/bx/advance/detail.vue | 2 +- miniprogram/pages/bx/advance/list.vue | 2 +- miniprogram/pages/bx/all/list.vue | 2 +- miniprogram/pages/bx/invoice/admin.vue | 4 ++-- miniprogram/pages/bx/invoice/mine.vue | 2 +- miniprogram/pages/bx/mine/list.vue | 2 +- miniprogram/pages/bx/reimburse/apply.vue | 2 +- miniprogram/pages/bx/reimburse/detail.vue | 2 +- miniprogram/pages/bx/reimburse/list.vue | 2 +- miniprogram/pages/db/dashboard/index.vue | 5 +---- miniprogram/pages/db/inventory/detail.vue | 3 +-- miniprogram/pages/db/inventory/list.vue | 3 +-- miniprogram/pages/db/plans/detail.vue | 3 +-- miniprogram/pages/db/plans/list.vue | 3 +-- miniprogram/pages/db/weighing/detail.vue | 3 +-- miniprogram/pages/db/weighing/list.vue | 3 +-- miniprogram/styles/bx-theme.scss | 10 ++++++---- miniprogram/styles/db-theme.scss | 15 ++++----------- miniprogram/styles/mp-biz.scss | 1 + miniprogram/styles/mp-shell.scss | 13 +++++++++---- 23 files changed, 40 insertions(+), 48 deletions(-) diff --git a/miniprogram/components/bx-ui/bx-wf-config-page.vue b/miniprogram/components/bx-ui/bx-wf-config-page.vue index 18a26fd9e..e7317df9c 100644 --- a/miniprogram/components/bx-ui/bx-wf-config-page.vue +++ b/miniprogram/components/bx-ui/bx-wf-config-page.vue @@ -5,8 +5,8 @@ ‹ + {{ pageTitle }} - {{ pageTitle }} diff --git a/miniprogram/pages/bx/admin/expense-item.vue b/miniprogram/pages/bx/admin/expense-item.vue index c84a546af..e83040e11 100644 --- a/miniprogram/pages/bx/admin/expense-item.vue +++ b/miniprogram/pages/bx/admin/expense-item.vue @@ -5,8 +5,8 @@ ‹ + 费用项目管理 - 费用项目管理 diff --git a/miniprogram/pages/bx/advance/apply.vue b/miniprogram/pages/bx/advance/apply.vue index e6110fb64..f5dc7a45b 100644 --- a/miniprogram/pages/bx/advance/apply.vue +++ b/miniprogram/pages/bx/advance/apply.vue @@ -5,8 +5,8 @@ ‹ + 备用金申请 - 备用金申请 diff --git a/miniprogram/pages/bx/advance/detail.vue b/miniprogram/pages/bx/advance/detail.vue index 1315d59d3..82331ea9d 100644 --- a/miniprogram/pages/bx/advance/detail.vue +++ b/miniprogram/pages/bx/advance/detail.vue @@ -5,8 +5,8 @@ ‹ + 备用金详情 - 备用金详情 diff --git a/miniprogram/pages/bx/advance/list.vue b/miniprogram/pages/bx/advance/list.vue index 477347a44..d4d0af515 100644 --- a/miniprogram/pages/bx/advance/list.vue +++ b/miniprogram/pages/bx/advance/list.vue @@ -5,8 +5,8 @@ ‹ + 备用金申请 - 备用金申请 diff --git a/miniprogram/pages/bx/all/list.vue b/miniprogram/pages/bx/all/list.vue index 7fd2d6f0c..7c21ae8f0 100644 --- a/miniprogram/pages/bx/all/list.vue +++ b/miniprogram/pages/bx/all/list.vue @@ -5,8 +5,8 @@ ‹ + 全部申请单 - 全部申请单 diff --git a/miniprogram/pages/bx/invoice/admin.vue b/miniprogram/pages/bx/invoice/admin.vue index eed4dbe65..9ddc1e057 100644 --- a/miniprogram/pages/bx/invoice/admin.vue +++ b/miniprogram/pages/bx/invoice/admin.vue @@ -5,10 +5,10 @@ ‹ - - {{ + {{ detailUser ? detailUser.ownerUserName || '发票夹详情' : '发票夹管理' }} + diff --git a/miniprogram/pages/bx/invoice/mine.vue b/miniprogram/pages/bx/invoice/mine.vue index 850087ea5..bb86ba7a4 100644 --- a/miniprogram/pages/bx/invoice/mine.vue +++ b/miniprogram/pages/bx/invoice/mine.vue @@ -5,8 +5,8 @@ ‹ + 我的发票夹 - 我的发票夹 diff --git a/miniprogram/pages/bx/mine/list.vue b/miniprogram/pages/bx/mine/list.vue index 61dae29b1..aecb929fd 100644 --- a/miniprogram/pages/bx/mine/list.vue +++ b/miniprogram/pages/bx/mine/list.vue @@ -5,8 +5,8 @@ ‹ + 我的申请单 - 我的申请单 diff --git a/miniprogram/pages/bx/reimburse/apply.vue b/miniprogram/pages/bx/reimburse/apply.vue index c503ee33a..d6aacc1b8 100644 --- a/miniprogram/pages/bx/reimburse/apply.vue +++ b/miniprogram/pages/bx/reimburse/apply.vue @@ -5,8 +5,8 @@ ‹ + 报销申请 - 报销申请 diff --git a/miniprogram/pages/bx/reimburse/detail.vue b/miniprogram/pages/bx/reimburse/detail.vue index 006ec5ac6..ea7f9f47b 100644 --- a/miniprogram/pages/bx/reimburse/detail.vue +++ b/miniprogram/pages/bx/reimburse/detail.vue @@ -5,8 +5,8 @@ ‹ + 报销详情 - 报销详情 diff --git a/miniprogram/pages/bx/reimburse/list.vue b/miniprogram/pages/bx/reimburse/list.vue index a17ce418f..ed251f398 100644 --- a/miniprogram/pages/bx/reimburse/list.vue +++ b/miniprogram/pages/bx/reimburse/list.vue @@ -5,8 +5,8 @@ ‹ + 报销申请 - 报销申请 diff --git a/miniprogram/pages/db/dashboard/index.vue b/miniprogram/pages/db/dashboard/index.vue index e3df5257d..27f8030bb 100644 --- a/miniprogram/pages/db/dashboard/index.vue +++ b/miniprogram/pages/db/dashboard/index.vue @@ -6,8 +6,7 @@ ← 仪表盘 - {{ username }} - + @@ -72,8 +71,6 @@ const outboundByCargo = ref([]) const inboundByPartner = ref([]) const outboundByPartner = ref([]) -const username = computed(() => userStore.userInfo?.username || userStore.userInfo?.realName || '用户') - const inboundCount = computed(() => { const set = new Set() inboundByCargo.value.forEach((i) => { diff --git a/miniprogram/pages/db/inventory/detail.vue b/miniprogram/pages/db/inventory/detail.vue index a72664b07..78169beae 100644 --- a/miniprogram/pages/db/inventory/detail.vue +++ b/miniprogram/pages/db/inventory/detail.vue @@ -6,8 +6,7 @@ ← {{ title }} - - + diff --git a/miniprogram/pages/db/inventory/list.vue b/miniprogram/pages/db/inventory/list.vue index 803f31bec..795c7f09a 100644 --- a/miniprogram/pages/db/inventory/list.vue +++ b/miniprogram/pages/db/inventory/list.vue @@ -6,8 +6,7 @@ ← 出入库管理 - - + diff --git a/miniprogram/pages/db/plans/detail.vue b/miniprogram/pages/db/plans/detail.vue index fe6ad17bc..f2a31fbd3 100644 --- a/miniprogram/pages/db/plans/detail.vue +++ b/miniprogram/pages/db/plans/detail.vue @@ -6,8 +6,7 @@ ← {{ title }} - - + diff --git a/miniprogram/pages/db/plans/list.vue b/miniprogram/pages/db/plans/list.vue index d55dbf9a0..b564374c0 100644 --- a/miniprogram/pages/db/plans/list.vue +++ b/miniprogram/pages/db/plans/list.vue @@ -6,8 +6,7 @@ ← 计划管理 - - + diff --git a/miniprogram/pages/db/weighing/detail.vue b/miniprogram/pages/db/weighing/detail.vue index e7b81375d..48a777215 100644 --- a/miniprogram/pages/db/weighing/detail.vue +++ b/miniprogram/pages/db/weighing/detail.vue @@ -6,8 +6,7 @@ ← {{ title }} - - + diff --git a/miniprogram/pages/db/weighing/list.vue b/miniprogram/pages/db/weighing/list.vue index db34435f0..55bc167d8 100644 --- a/miniprogram/pages/db/weighing/list.vue +++ b/miniprogram/pages/db/weighing/list.vue @@ -6,8 +6,7 @@ ← 地磅单管理 - - + diff --git a/miniprogram/styles/bx-theme.scss b/miniprogram/styles/bx-theme.scss index c1bd55d50..84d66181b 100644 --- a/miniprogram/styles/bx-theme.scss +++ b/miniprogram/styles/bx-theme.scss @@ -76,7 +76,7 @@ top: 0; z-index: 50; display: grid; - grid-template-columns: minmax(0, 1fr) auto var(--sq-capsule-right-safe, 96px); + grid-template-columns: minmax(0, 1fr) var(--sq-capsule-right-safe, 96px); align-items: center; height: var(--sq-header-height, calc(44px + 44px)); padding: var(--sq-safe-top, 44px) 12px 0; @@ -110,6 +110,7 @@ display: flex; align-items: center; justify-content: flex-start; + gap: 4px; min-width: 0; } @@ -121,6 +122,7 @@ justify-content: center; color: var(--text); border-radius: 10px; + flex-shrink: 0; } .bx-page .topbar-back:active { @@ -134,11 +136,10 @@ } .bx-page .topbar-title { - justify-self: center; - text-align: center; + text-align: left; font-size: 17px; font-weight: 800; - max-width: 220px; + max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; @@ -146,6 +147,7 @@ .bx-page .topbar-right { min-width: 0; + min-height: 1px; } /* Search */ diff --git a/miniprogram/styles/db-theme.scss b/miniprogram/styles/db-theme.scss index d3499c973..de3e76b4b 100644 --- a/miniprogram/styles/db-theme.scss +++ b/miniprogram/styles/db-theme.scss @@ -22,7 +22,7 @@ .db-header__nav { height: var(--sq-nav-height, 44px); display: grid; - grid-template-columns: auto minmax(0, 1fr) var(--sq-capsule-right-safe, 96px); + grid-template-columns: minmax(0, 1fr) var(--sq-capsule-right-safe, 96px); align-items: center; padding: 0 12px 0 8px; box-sizing: border-box; @@ -31,6 +31,7 @@ .db-header__left { display: flex; align-items: center; + justify-content: flex-start; gap: 8px; min-width: 0; } @@ -39,27 +40,19 @@ font-size: 20px; color: #333; padding: 4px 8px; + flex-shrink: 0; } .db-header__title { font-size: 17px; font-weight: 700; color: #111827; + text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } -.db-header__user { - font-size: 12px; - color: #6b7280; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - text-align: right; - padding-right: 4px; -} - .db-search-wrap { padding: 8px 12px 0; background: #fff; diff --git a/miniprogram/styles/mp-biz.scss b/miniprogram/styles/mp-biz.scss index e9f33ecc6..2eae74180 100644 --- a/miniprogram/styles/mp-biz.scss +++ b/miniprogram/styles/mp-biz.scss @@ -9,6 +9,7 @@ align-items: center; justify-content: space-between; gap: 24rpx; + width: 100%; } .mp-subpage-back { diff --git a/miniprogram/styles/mp-shell.scss b/miniprogram/styles/mp-shell.scss index b2dcab2f8..d30a9f737 100644 --- a/miniprogram/styles/mp-shell.scss +++ b/miniprogram/styles/mp-shell.scss @@ -49,16 +49,17 @@ page { } .mp-header--workbench { - /* 去掉魔法 40px 双叠加；仅用 safe-top + 内容间距 */ - padding-top: calc(48rpx + var(--sq-safe-top, env(safe-area-inset-top, 0px))); - padding-bottom: 56rpx; - min-height: calc(200rpx + var(--sq-safe-top, 0px)); + /* 加高头部：标题左、用户信息右，并避开胶囊 */ + padding-top: calc(72rpx + var(--sq-safe-top, env(safe-area-inset-top, 0px))); + padding-bottom: 72rpx; + min-height: calc(280rpx + var(--sq-safe-top, 0px)); box-sizing: border-box; } .mp-header__main { flex: 1; min-width: 0; + text-align: left; } .mp-header__title { @@ -66,6 +67,7 @@ page { font-size: 36rpx; font-weight: 700; line-height: 1.3; + text-align: left; } .mp-header__meta { @@ -73,6 +75,7 @@ page { font-size: 24rpx; opacity: 0.9; line-height: 1.4; + text-align: left; } .mp-header__user-stack { @@ -83,6 +86,8 @@ page { gap: 8rpx; flex-shrink: 0; max-width: 42%; + text-align: right; + margin-left: auto; } .mp-header__user-name {