diff --git a/pages/shop/manHourDetail.vue b/pages/shop/manHourDetail.vue index 100bdd9..c15b404 100644 --- a/pages/shop/manHourDetail.vue +++ b/pages/shop/manHourDetail.vue @@ -5,7 +5,22 @@ :backgroundColor="backgroundColor"> - + + + {{ orderInfo.server_code }} + + + + + + {{ stateItem.text }} + ,请上门/到店后出示服务码 + + + + {{ stateItem.text }} @@ -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;