bug修改
This commit is contained in:
parent
7bca1214ae
commit
4dc74695de
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Reference in New Issue