diff --git a/pages/my/myMsOderDrtail.vue b/pages/my/myMsOderDrtail.vue index fb1d905..8495ce0 100644 --- a/pages/my/myMsOderDrtail.vue +++ b/pages/my/myMsOderDrtail.vue @@ -5,7 +5,7 @@ - + @@ -52,15 +52,18 @@ - + 未服务全额退款 - + 不满意重做 - + 最快30分钟上门 @@ -418,34 +421,38 @@ width: 30.56rpx; height: 29.86rpx; } - .header-bottom-foot-view-img1{ + .header-bottom-foot-view-img1 { width: 30rpx; height: 30rpx; } - .header-bottom-foot-view-img2{ + + .header-bottom-foot-view-img2 { width: 23rpx; height: 23rpx; } - .header-bottom-foot-view-img3{ + + .header-bottom-foot-view-img3 { width: 26rpx; height: 26rpx; } - .header-bottom-foot-view image{ - margin-right: 3px; + + .header-bottom-foot-view image { + margin-right: 1px; } - .header-bottom-foot-view{ + + .header-bottom-foot-view { + width: 33%; display: flex; flex-direction: row; align-items: center; justify-content: center; - padding: 1px 8px; height: 22px; line-height: 22px; - background-color: rgba(230, 246, 243, 1); border-radius: 15px; font-weight: 400; - font-size: 10px; + font-size: 11px; color: #029c88; + word-break: keep-all; } .header-bottom-foot-view2-img1{ width: 35rpx; @@ -487,8 +494,9 @@ color: #08A28A; margin-top: 5px; } - .header-bottom-foot-cont{ + .header-bottom-foot-cont { width: 100%; + margin: 0 auto; display: flex; flex-direction: row; align-items: center; @@ -501,12 +509,14 @@ align-items: center; background-color: rgba(230, 246, 243, 0.6); } - .header-bottom-foot{ + .header-bottom-foot { width: 100%; display: flex; flex-direction: column; align-items: center; - margin-top: 26rpx; + margin-top: 20rpx; + border-top: 1px solid #f7f7f7; + padding: 20rpx 0rpx 0rpx 0rpx; } .header-bottom-money-jia{ font-size: 28rpx;