fix: rpx-ify global utilities and enlarge shop back target
This commit is contained in:
+17
-17
@@ -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);
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user