基本重构完成

This commit is contained in:
lik
2026-10-07 14:55:06 +08:00
parent f655c906f5
commit f0adf77a41
23 changed files with 1284 additions and 685 deletions
+16 -21
View File
@@ -37,29 +37,30 @@ page {
line-height: 1.5;
}
/* ===== 通栏白块 =====
白面 + 上下各 2rpx 发丝线 + 中性阴影,圆角 0;
负向 margin 抵消容器 32rpx 内距后左右顶到屏幕两侧,
卡内再用 32rpx 内距回到同一左基线,卡间发丝线因此通到底。
圆角必须为 0,否则满宽块的圆角会切在屏幕边上 */
/* ===== 就诊人卡片:配方与预约记录卡完全同源 =====
--white + 2rpx --line 发丝边 + 28rpx 圆角 + --shadow-card,内距也对齐 28/28/24。
原先走的是通栏白块(负 margin 顶到屏幕两侧、圆角 0、卡间靠发丝线分隔),
改圆角卡片后负 margin 与上下两条发丝线一并去掉,卡片缩回容器 32rpx 内距里 */
.profile-list {
margin: 0 -32rpx;
background: var(--white);
border-top: 2rpx solid var(--line);
border-bottom: 2rpx solid var(--line);
box-shadow: var(--shadow-card);
display: flex;
flex-direction: column;
}
.profile-card {
padding: 28rpx 32rpx;
border-bottom: 2rpx solid var(--line);
padding: 28rpx 28rpx 24rpx;
border-radius: 28rpx;
background: var(--white);
border: 2rpx solid var(--line);
box-shadow: var(--shadow-card);
}
.profile-card-last {
border-bottom: none;
/* 卡间距用相邻兄弟 margin,不用 flex 的 gap:
gap 在部分微信基础库 / 老设备上不生效,一旦失效几张卡会挨在一起连成一条白条 */
.profile-card + .profile-card {
margin-top: 24rpx;
}
/* 主体整块可点进编辑,右侧 chevron 即点击暗示 */
/* 主体整块可点进编辑。chevron 已去掉,点击暗示由按下态(.profile-main-hover)承担 */
.profile-main {
display: flex;
align-items: center;
@@ -127,12 +128,6 @@ page {
word-break: break-all;
}
.profile-arrow {
flex-shrink: 0;
margin-left: 16rpx;
color: var(--muted);
}
/* 卡片操作行:与主体隔一条发丝线,删除靠右排(与「邮寄地址」卡同一位置) */
.profile-actions {
display: flex;