bug修改

This commit is contained in:
cjl520cy 2026-04-19 15:57:27 +08:00
parent 7bca1214ae
commit 4dc74695de
1 changed files with 79 additions and 1 deletions

View File

@ -5,7 +5,22 @@
:backgroundColor="backgroundColor"></custom-navbar>
<view class="content-part">
<!-- 订单状态 -->
<view class="status-section">
<view class="status-section2" v-if="orderInfo.state == '2' || orderInfo.state == '3'">
<view class="service-code">
<text class="service-code-value">{{ orderInfo.server_code }}</text>
<image class="service-code-label" mode="widthFix"
src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/e306ce60-c10c-4eec-a8bf-1b064fc21a32.png" />
</view>
<view class="status-row">
<image class="status-section-image" mode="widthFix"
src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/27783709-3bda-472a-ab6a-824ed4b11d2a.png" />
<text class="status-text-red">
{{ stateItem.text }}
<text class="status-text-normal">请上门/到店后出示服务码</text>
</text>
</view>
</view>
<view v-else class="status-section">
<image class="status-section-image" mode="widthFix" :src="stateItem.icon" />
<text class="status-text">{{ stateItem.text }}</text>
</view>
@ -686,6 +701,69 @@
font-weight: 600;
}
/* 服务码状态区域 */
.status-section2 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-top: 55rpx;
padding-bottom: 20rpx;
gap: 20rpx;
.status-row {
display: flex;
align-items: center;
justify-content: center;
width: auto;
}
.status-section-image {
width: 27rpx;
margin-right: 6rpx;
margin-top: -4rpx;
}
.service-code {
display: flex;
align-items: baseline;
justify-content: center;
width: auto;
padding-bottom: 20rpx;
.service-code-label {
width: 96rpx;
height: 41rpx;
margin-left: 6rpx;
position: relative;
top: -45rpx;
}
.service-code-value {
font-family: DINPro, DINPro;
font-weight: bold;
font-size: 80rpx;
color: #333333;
line-height: 103rpx;
text-align: left;
font-style: normal;
}
}
.status-text-red {
font-weight: 400;
font-size: 26rpx;
color: #DC232F;
line-height: 37rpx;
text-align: left;
font-style: normal;
}
.status-text-normal {
color: #333333;
}
}
/* 预约手艺人信息卡片 */
.syr-card {
margin: 30rpx;