基本重构完成

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
+2 -2
View File
@@ -47,13 +47,13 @@
无法与标签同排,故留在本块末尾单独一排——标签在上、文本域在下、字数右下 -->
<view class="form-card">
<view class="form-row">
<text class="form-label">身高</text>
<text class="form-label">身高(cm)</text>
<input class="form-input" value="{{form.height}}" type="digit" placeholder="选填,单位 cm" placeholder-class="form-placeholder"
maxlength="5" data-field="height" bindinput="onFieldInput" />
</view>
<view class="form-row">
<text class="form-label">体重</text>
<text class="form-label">体重(kg)</text>
<input class="form-input" value="{{form.weight}}" type="digit" placeholder="选填,单位 kg" placeholder-class="form-placeholder"
maxlength="5" data-field="weight" bindinput="onFieldInput" />
</view>
+5 -5
View File
@@ -7,12 +7,13 @@
<text class="tip-text">下单时可直接选择已保存的就诊人,无需重复填写</text>
</view>
<!-- 就诊人列表:通栏白块(白面 + 上下 2rpx 发丝线 + 中性阴影,圆角 0),
与「邮寄地址」列表同源。每条主体可点进编辑(右侧 chevron 是点击暗示),
不做无暗示的整卡可点;删除动作单独一行、走 --muted -->
<!-- 就诊人列表:一卡一人(白面 + 2rpx 发丝边 + 28rpx 圆角 + 中性紧阴影),
与预约记录卡同一配方,卡间留出 24rpx 纸面。
每条主体可点进编辑,点击暗示由按下态承担(hover-class="profile-main-hover");
删除动作另起一行、与主体隔一条发丝线,走 --muted -->
<view class="profile-list" wx:if="{{profiles.length > 0}}">
<view
class="profile-card {{index === profiles.length - 1 ? 'profile-card-last' : ''}}"
class="profile-card"
wx:for="{{profiles}}"
wx:key="_id"
>
@@ -39,7 +40,6 @@
<text class="info-value">{{item.remark}}</text>
</view>
</view>
<t-icon name="chevron-right" class="profile-arrow" size="32rpx" />
</view>
<view class="profile-actions">
+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;