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

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