基本重构完成
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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