基本重构完成
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user