重构完大部分页面了

This commit is contained in:
lik
2026-10-06 17:58:18 +08:00
parent 530135fce3
commit 40d0df3330
28 changed files with 412 additions and 537 deletions
+14 -22
View File
@@ -1,23 +1,10 @@
/* pages/escort/guide.wxss
内页规范:小色带 + 白底,不用整块主色面板;
卡片沿用首页「发丝边 + 紧阴影」,与首页保持同一套视觉语言 */
卡片沿用首页「发丝边 + 紧阴影」,与首页保持同一套视觉语言。
本页原有的 page 级令牌副本(停在旧值 #C2410C / #9A3412)已按
DESIGN.md §5.1 删掉,改用 app.wxss 的唯一来源(#B8520A / #9B4508),
与首页、陪诊服务列表页同色 */
page {
--brand-strong: #C2410C; /* 实心块/按钮:白字 4.69:1,过 AA 正文 */
--brand-soft: #FFF4E8; /* 图标衬底、标签底 */
--brand-line: #FFE0C2; /* 浅橙衬底描边 */
--brand-ink: #9A3412; /* 浅橙衬底上的文字/图标:6.8:1,过 AA */
--ink: #2B2521;
--ink-2: #4A4038;
--muted: #6F655C; /* 与首页同一档。原 #7A7068 在白卡上 4.8:1 达标,
但 .header-subtitle 直接落在纸面上只有 4.49:1,不过 AA。
改后:纸面 5.36:1 / 白卡 5.69:1 */
--line: #ECE3D6; /* 米色发丝边:纸面 1.20:1 / 白卡 1.27:1 */
--paper: #FAF8F5; /* 暖白纸面:R−B 由 10 降到 5,去掉"旧纸"的黄闷感 */
--white: #FFFFFF;
--shadow-card: 0 2rpx 10rpx rgba(63, 43, 25, 0.07);
background-color: var(--paper);
}
@@ -75,11 +62,14 @@ page {
margin-bottom: 20rpx;
}
/* 卡片头标识:浅橙衬底 + 2rpx 描边托形(同全站「浅橙衬底承载标识」),
不再用实心橙——全页实心块只留底部 CTA 一处(DESIGN.md §2.1) */
.card-mark {
width: 44rpx;
height: 44rpx;
border-radius: 12rpx;
background: var(--brand-strong);
background: var(--brand-soft);
border: 2rpx solid var(--brand-line);
display: flex;
align-items: center;
justify-content: center;
@@ -122,9 +112,10 @@ page {
min-width: 0;
}
/* 中文系统字体只有 400/700 两档,写 600 真机会随机落回 400 或 700 */
.step-title {
font-size: 30rpx;
font-weight: 600;
font-weight: 700;
color: var(--ink);
}
@@ -166,7 +157,8 @@ page {
padding: 26rpx;
border-radius: 999rpx;
background: var(--brand-strong);
box-shadow: 0 6rpx 16rpx rgba(194, 65, 12, 0.22);
/* 全站 CTA 阴影统一为小偏移小模糊的 --shadow-cta(原 0 6rpx 16rpx/22% 是旧色值的大阴影) */
box-shadow: var(--shadow-cta);
transition: transform 0.15s ease;
}
@@ -176,7 +168,7 @@ page {
.guide-cta-text {
font-size: 30rpx;
font-weight: 600;
font-weight: 700;
color: var(--white);
letter-spacing: 2rpx;
margin-right: 6rpx;
@@ -200,7 +192,7 @@ page {
.guide-help-text {
margin-left: 12rpx;
font-size: 26rpx;
font-weight: 600;
font-weight: 700;
color: var(--brand-ink);
}