diff --git a/pages/my/cureOderDrtail.vue b/pages/my/cureOderDrtail.vue index a4dd487..d86ca4e 100644 --- a/pages/my/cureOderDrtail.vue +++ b/pages/my/cureOderDrtail.vue @@ -533,7 +533,7 @@ align-items: center; margin-top: 20rpx; border-top: 1px solid #f7f7f7; - padding: 20rpx 20rpx 0rpx 20rpx; + padding: 20rpx 0rpx 0rpx 0rpx; } .header-bottom-money-jia{ font-size: 28rpx; @@ -546,21 +546,26 @@ color: #FF1200; } .header-bottom-money-zhen span:nth-child(1){ - font-size: 25rpx; + font-weight: 400; + font-size: 26rpx; + color: #FF6000; } .header-bottom-money-zhen span:nth-child(2){ - font-size:45.81rpx; + font-size:38rpx; font-weight: bold; + color: #FF6000; + line-height:32rpx; } .header-bottom-money-zhen span:nth-child(3){ - font-size: 25rpx; + font-size: 26rpx; + color: #FF6000; } .header-bottom-money-zhen{ display: flex; flex-direction: row; - align-items: baseline; + /*align-items: baseline;*/ + align-items: center; } - .header-bottom-money-view{ width: 100%; display: flex; @@ -576,8 +581,7 @@ margin-top: 15rpx; } .header-bottom-title-num span{ - font-weight: bold; - font-size: 25rpx; + font-size: 28rpx; } .header-bottom-title-num span:nth-child(1){ font-weight: bold; diff --git a/pages/my/serviceOderDrtail.vue b/pages/my/serviceOderDrtail.vue index b43cdc3..ecb837e 100644 --- a/pages/my/serviceOderDrtail.vue +++ b/pages/my/serviceOderDrtail.vue @@ -39,7 +39,7 @@ ... - + + + + + + + 未服务全额退款 + + + + 不满意重做 + + + + 最快30分钟上门 + + @@ -692,14 +709,14 @@ margin-left: 27px; } .detail-view-mina{ - width: 74%; + width:74%; display: flex; flex-direction: column; justify-content: space-around; } .detail-view-img{ - width: 80px; - height: 80px; + width:74px; + height:74px; border-radius: 9px; } .detail-view{ @@ -947,7 +964,7 @@ .detail-foot-list-top span:nth-child(1){ font-weight: bold; font-size: 31rpx; - color: #3F3F3F; + color: #333333; } .detail-foot-list-top span:nth-child(2){ width: 76rpx; @@ -1012,48 +1029,12 @@ width: 30.56rpx; height: 29.86rpx; } - .header-bottom-foot-view-img1{ - width: 30rpx; - height: 30rpx; - } - .header-bottom-foot-view-img2{ - width: 28rpx; - height: 28rpx; - } - .header-bottom-foot-view-img3{ - width: 30rpx; - height: 30rpx; - } - .header-bottom-foot-view image{ - margin-right: 3px; - } - .header-bottom-foot-view{ - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; - width: 80px; - height: 22px; - line-height: 22px; - background-color: rgba(8, 162, 138, 0.1); - border-radius: 8px; - font-weight: 400; - font-size: 11px; - color: #029D88; - } .header-bottom-foot-title{ width: 65px; height: 17px; margin-right: 8rpx; margin-top: 4rpx; } - .header-bottom-foot{ - width: 100%; - display: flex; - flex-direction: row; - align-items: center; - margin-top: 8rpx; - } .header-bottom-money-jia{ font-size: 28rpx; color: #848484; @@ -1065,21 +1046,26 @@ color: #FF1200; } .header-bottom-money-zhen span:nth-child(1){ + font-weight: 400; font-size: 26rpx; + color: #FF6000; } .header-bottom-money-zhen span:nth-child(2){ font-size:38rpx; font-weight: bold; + color: #FF6000; + line-height:32rpx; } .header-bottom-money-zhen span:nth-child(3){ font-size: 26rpx; + color: #FF6000; } .header-bottom-money-zhen{ display: flex; flex-direction: row; - align-items: baseline; + /*align-items: baseline;*/ + align-items: center; } - .header-bottom-money-view{ width: 100%; display: flex; @@ -1091,7 +1077,7 @@ width: 100%; display: flex; flex-direction: row; - align-items: flex-end; + align-items: center; } .header-bottom-title-num span{ font-size: 28rpx; @@ -1155,4 +1141,54 @@ justify-content: fex-end; background: #eefffa; } + .header-bottom-top-list{ + width: 100%; + display: flex; + flex-direction: row; + align-items: center; + background-color: rgba(230, 246, 243, 0.6); + } + .header-bottom-foot{ + width: 100%; + display: flex; + flex-direction: column; + align-items: center; + margin-top: 20rpx; + border-top: 1px solid #f7f7f7; + padding: 20rpx 0rpx 0rpx 0rpx; + } + .header-bottom-foot-cont{ + width: 100%; + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-between; + } + .header-bottom-foot-view-img1{ + width: 30rpx; + height: 30rpx; + } + .header-bottom-foot-view-img2{ + width: 23rpx; + height: 23rpx; + } + .header-bottom-foot-view-img3{ + width: 26rpx; + height: 26rpx; + } + .header-bottom-foot-view image{ + margin-right: 1px; + } + .header-bottom-foot-view{ + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + height: 22px; + line-height: 22px; + border-radius: 15px; + font-weight: 400; + font-size: 11px; + color: #029c88; + }