diff --git a/my/order/payModifyCi.vue b/my/order/payModifyCi.vue index aa08307..235b2da 100644 --- a/my/order/payModifyCi.vue +++ b/my/order/payModifyCi.vue @@ -5,7 +5,7 @@ 项目次卡 - + @@ -18,12 +18,15 @@ - + + 次卡价格: - {{orderXm.price}}/次 + {{orderXm.price}} / 次 - + + + @@ -33,10 +36,7 @@ - - - 次卡详情 @@ -65,30 +65,36 @@ - 项目次卡 - - - - - 平台优惠劵 - - - - -¥{{couponDataList}} + + + 优惠券 + + + + + + + 平台优惠券 + + + + -¥{{couponDataList}} + + 选择优惠券 + - 选择优惠劵 - - 去支付 - + + 去支付 + @@ -1294,21 +1300,6 @@ text-decoration-line: line-through; margin-left: 5px; } - .money-pay-zhen span{ - color: #FF6000; - } - .money-pay-zhen span:nth-child(1){ - font-size: 25rpx; - } - .money-pay-zhen span:nth-child(2){ - font-size: 31.25rpx; - font-weight: bold; - } - .money-pay-zhen{ - display: flex; - flex-direction: row; - align-items: center; - } .money-pay{ width: 100%; display: flex; @@ -1325,12 +1316,12 @@ .pay-title{ font-weight: bold; - font-size: 31rpx; + font-size: 32rpx; color: #333333; - margin-bottom: 8px; + margin-bottom: 12px; } .header-bottom-money-zhen span{ - color: #F95900 ; + color: #FF6000 ; } .header-bottom-money-zhen{ display: flex; @@ -1346,6 +1337,14 @@ bottom: 0; background: linear-gradient(90deg,rgba(234, 248, 245,0.7),rgba(132, 211, 196,0.7)); } + .detail-foot-nav-bor2{ + width: 45px; + height: 11rpx; + border-radius: 6rpx; + position: absolute; + bottom: 0; + background: linear-gradient(90deg,rgba(234, 248, 245,0.7),rgba(132, 211, 196,0.7)); + } .detail-foot-nav-text{ font-weight: bold; font-size: 32rpx; @@ -1356,7 +1355,7 @@ display: flex; flex-direction: column; position: relative; - margin: 8px auto; + margin: 10px 0; } .detail-foot-title{ width: 115px; @@ -1365,7 +1364,7 @@ background-repeat: no-repeat; background-size: 100% 100%; font-weight: 400; - font-size: 13px; + font-size: 15px; color: #FFFFFF; text-align: right; line-height: 32px; @@ -1601,8 +1600,8 @@ align-items: center; } .fuwu-title,.liliao-top span:nth-child(1){ - font-size: 29rpx; - color: #222222; + font-size: 30rpx; + color: #666666; } .fuwu-time,.liliao{ width: 100%; @@ -1837,12 +1836,7 @@ } .money-pay-zhen span{ color: #FF6000; - } - .money-pay-zhen span:nth-child(1){ - font-size: 25rpx; - } - .money-pay-zhen span:nth-child(2){ - font-size: 31.25rpx; + font-size: 32rpx; font-weight: bold; } .money-pay-zhen{ @@ -2039,4 +2033,27 @@ justify-content: space-between; align-items: center; } + .head-title{ + font-weight: bold; + font-size: 32rpx; + color: #333333; + } + .push-button{ + width: 100%; + height: 48px; + position: fixed; + bottom: 0px; + display: flex; + flex-direction: column; + align-items: center; + margin: 0 auto; + } + .title-font{ + font-size: 30rpx; + color: #666666; + } + .value-font{ + font-size: 30rpx; + color: #333333; + } diff --git a/my/order/payModifyLiao.vue b/my/order/payModifyLiao.vue index a495c37..7894133 100644 --- a/my/order/payModifyLiao.vue +++ b/my/order/payModifyLiao.vue @@ -5,7 +5,7 @@ 服务疗程 - + @@ -18,11 +18,15 @@ - + + 疗程价格: - {{orderXm.price}}/{{orderXm.serviceCount}}次 + {{orderXm.price}} / {{orderXm.serviceCount}}次 + + + @@ -32,10 +36,7 @@ - - - 疗程详情 @@ -64,30 +65,36 @@ - 服务疗程 - - - - - 平台优惠劵 - - - - -¥{{couponDataList}} + + + 优惠券 + + + + + + + 平台优惠券 + + + + -¥{{couponDataList}} + + 选择优惠券 + + - 选择优惠劵 - - + - 去支付 + 去支付 @@ -1295,21 +1302,6 @@ text-decoration-line: line-through; margin-left: 5px; } - .money-pay-zhen span{ - color: #FF6000; - } - .money-pay-zhen span:nth-child(1){ - font-size: 25rpx; - } - .money-pay-zhen span:nth-child(2){ - font-size: 36rpx; - font-weight: bold; - } - .money-pay-zhen{ - display: flex; - flex-direction: row; - align-items: center; - } .money-pay{ width: 100%; display: flex; @@ -1326,12 +1318,12 @@ .pay-title{ font-weight: bold; - font-size: 31rpx; + font-size: 32rpx; color: #333333; - margin-bottom: 8px; + margin-bottom: 12px; } .header-bottom-money-zhen span{ - color: #F95900 ; + color: #FF6000 ; } .header-bottom-money-zhen{ display: flex; @@ -1347,6 +1339,14 @@ bottom: 0; background: linear-gradient(90deg,rgba(234, 248, 245,0.7),rgba(132, 211, 196,0.7)); } + .detail-foot-nav-bor2{ + width: 45px; + height: 11rpx; + border-radius: 6rpx; + position: absolute; + bottom: 0; + background: linear-gradient(90deg,rgba(234, 248, 245,0.7),rgba(132, 211, 196,0.7)); + } .detail-foot-nav-text{ font-weight: bold; font-size: 32rpx; @@ -1357,7 +1357,7 @@ display: flex; flex-direction: column; position: relative; - margin: 8px auto; + margin: 10px 0; } .detail-foot-title{ width: 115px; @@ -1366,7 +1366,7 @@ background-repeat: no-repeat; background-size: 100% 100%; font-weight: 400; - font-size: 13px; + font-size: 15px; color: #FFFFFF; text-align: right; line-height: 32px; @@ -1602,8 +1602,8 @@ align-items: center; } .fuwu-title,.liliao-top span:nth-child(1){ - font-size: 29rpx; - color: #222222; + font-size: 30rpx; + color: #666666; } .fuwu-time,.liliao{ width: 100%; @@ -1838,12 +1838,7 @@ } .money-pay-zhen span{ color: #FF6000; - } - .money-pay-zhen span:nth-child(1){ - font-size: 25rpx; - } - .money-pay-zhen span:nth-child(2){ - font-size: 31.25rpx; + font-size: 32rpx; font-weight: bold; } .money-pay-zhen{ @@ -2041,4 +2036,17 @@ justify-content: space-between; align-items: center; } + .head-title{ + font-weight: bold; + font-size: 32rpx; + color: #333333; + } + .title-font{ + font-size: 30rpx; + color: #666666; + } + .value-font{ + font-size: 30rpx; + color: #333333; + } diff --git a/my/order/payModifyMs.vue b/my/order/payModifyMs.vue index 84b9bfd..880af2f 100644 --- a/my/order/payModifyMs.vue +++ b/my/order/payModifyMs.vue @@ -1,11 +1,11 @@