EIEI/wechat_wc
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: rpx-ify global utilities and enlarge shop back target

Browse Source
This commit is contained in:
broccoli
2026-08-07 17:58:34 +08:00
parent 0e0ed4fcd4
commit 19408e5a8c
2 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app.scss
+17 -17
View File
@@ -90,7 +90,7 @@ page {
} }
/* === 常用工具类 === */ /* === 常用工具类 === */
.container { padding: 24px; } .container { padding: 48rpx; }
.flex { display: flex; } .flex { display: flex; }
.flex-center { display: flex; align-items: center; justify-content: center; } .flex-center { display: flex; align-items: center; justify-content: center; }
@@ -99,10 +99,10 @@ page {
.text-center { text-align: center; } .text-center { text-align: center; }
.mt-10 { margin-top: 10px; } .mt-10 { margin-top: 20rpx; }
.mt-20 { margin-top: 20px; } .mt-20 { margin-top: 40rpx; }
.mb-10 { margin-bottom: 10px; } .mb-10 { margin-bottom: 20rpx; }
.mb-20 { margin-bottom: 20px; } .mb-20 { margin-bottom: 40rpx; }
/* === 通用按钮 === */ /* === 通用按钮 === */
.btn-primary { .btn-primary {
@@ -138,8 +138,8 @@ page {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
gap: 24px; gap: 48rpx;
padding: 20px 32px calc(20px + env(safe-area-inset-bottom)); padding: 40rpx 64rpx calc(40rpx + env(safe-area-inset-bottom));
background: rgba(255, 255, 255, 0.55); background: rgba(255, 255, 255, 0.55);
backdrop-filter: blur(32px) saturate(1.2); backdrop-filter: blur(32px) saturate(1.2);
-webkit-backdrop-filter: blur(32px) saturate(1.2); -webkit-backdrop-filter: blur(32px) saturate(1.2);
@@ -156,26 +156,26 @@ page {
/* === 标题文字 === */ /* === 标题文字 === */
.page-title { .page-title {
font-size: 40px; font-size: 80rpx;
font-weight: 800; font-weight: 800;
color: var(--text-primary); color: var(--text-primary);
display: block; display: block;
} }
.section-title { .section-title {
font-size: 36px; font-size: 72rpx;
font-weight: 700; font-weight: 700;
color: var(--text-primary); color: var(--text-primary);
display: block; display: block;
margin-bottom: 24px; margin-bottom: 48rpx;
} }
/* === 状态标签 === */ /* === 状态标签 === */
.badge { .badge {
display: inline-block; display: inline-block;
padding: 8px 20px; padding: 16rpx 40rpx;
border-radius: 50px; border-radius: 100rpx;
font-size: 22px; font-size: 44rpx;
font-weight: 500; font-weight: 500;
} }
@@ -216,14 +216,14 @@ page {
} }
.safe-bottom-placeholder { .safe-bottom-placeholder {
height: 200px; height: 400rpx;
} }
/* === 自定义导航栏安全区适配 === */ /* === 自定义导航栏安全区适配 === */
/* 所有页面的顶部虚线卡头部下移，避免与微信胶囊按钮重叠 */ /* 所有页面的顶部虚线卡头部下移，避免与微信胶囊按钮重叠 */
/* 仅作兜底；接了 useSafeArea 的页面用 inline style 覆盖此值 */ /* 仅作兜底；接了 useSafeArea 的页面用 inline style 覆盖此值 */
.page-header { .page-header {
padding-top: calc(env(safe-area-inset-top, 20px) + 48px); padding-top: calc(env(safe-area-inset-top, 20px) + 96rpx);
} }
/* 返回按钮不单独占状态栏空间——父级 .page-header / .edit-header 已整体下移 */ /* 返回按钮不单独占状态栏空间——父级 .page-header / .edit-header 已整体下移 */
@@ -251,8 +251,8 @@ page {
.addr-picker-sheet { .addr-picker-sheet {
width: 100%; width: 100%;
max-height: 70vh; max-height: 70vh;
border-radius: 24px 24px 0 0; border-radius: 48rpx 48rpx 0 0;
padding: 24px 24px calc(24px + env(safe-area-inset-bottom)); padding: 48rpx 48rpx calc(48rpx + env(safe-area-inset-bottom));
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background: var(--bg-card); background: var(--bg-card);
src/pages/shop/detail/index.scss
+2 -2
View File
@@ -265,8 +265,8 @@
top: calc(env(safe-area-inset-top, 20px) + 20rpx); top: calc(env(safe-area-inset-top, 20px) + 20rpx);
left: 24rpx; left: 24rpx;
z-index: 50; z-index: 50;
width: 80rpx; width: 88rpx;
height: 80rpx; height: 88rpx;
border-radius: 50%; border-radius: 50%;
background: rgba(0, 0, 0, 0.35); background: rgba(0, 0, 0, 0.35);
backdrop-filter: blur(16rpx) saturate(1.4); backdrop-filter: blur(16rpx) saturate(1.4);