diff --git a/rc-busness/assets/css/global.less b/rc-busness/assets/css/global.less index 27580841..c9c0ff25 100644 --- a/rc-busness/assets/css/global.less +++ b/rc-busness/assets/css/global.less @@ -10,6 +10,7 @@ body { border:unset; } + .rc-menu--xs .rc-screen-reader{ left:28%; } @@ -148,6 +149,9 @@ picture { margin-left: auto; margin-right: auto; } +.useruantity{ + margin: 1rem 1.25rem; +} .ts-remove { text-decoration: line-through; diff --git a/rc-busness/assets/css/orderquantity.less b/rc-busness/assets/css/orderquantity.less index 408f6ec0..b78087ff 100644 --- a/rc-busness/assets/css/orderquantity.less +++ b/rc-busness/assets/css/orderquantity.less @@ -279,7 +279,7 @@ align-items: center; height: 164px; .rc-usercenter{ - width: 25%; + width: 27%; em{ font-size: 18px; } @@ -329,7 +329,7 @@ display: flex; justify-content: space-between; align-items: center; - width: 58%; + width: 56%; font-size: 20px; color: #E1001A; font-weight: bold; diff --git a/rc-busness/assets/css/usertion.less b/rc-busness/assets/css/usertion.less index 79694c85..018274ad 100644 --- a/rc-busness/assets/css/usertion.less +++ b/rc-busness/assets/css/usertion.less @@ -2,8 +2,110 @@ ul li ol li em strong i { list-style: none; font-style: normal; } + .rc-main{ + margin: 0; + padding: 0; + } //手机端 @media screen and (max-width: 768px) { + .online{ + margin: 0; + &.bold{ + height: 0.5rem; + } + } + // 订单状态 + .rc-receiving { + width: 100%; + display: flex; + align-items: center; + // margin: 1rem 1.25rem; + em { + font-style: normal; + color: #e1001a; + font-size: 1.375rem; + font-weight: bold; + } + span { + color: #666666; + font-size: 0.875rem; + display: block; + margin-left: 1.125rem; + width: 62%; + margin-top: 0.5rem; + + } + } + //快递列表 + .delivery { + display: flex; + flex-direction: column; + margin: 1rem 1.25rem; + .to-delivery { + img{ + width: 1rem; + height: 1rem; + object-fit: contain; + } + display: flex; + align-items: center; + font-style: normal; + span { + display: block; + margin-left: 0.18rem; + color: #333333; + font-size: 1rem; + font-weight: 500; + } + i { + font-style: normal; + margin-left: 0.5rem; + display: block; + color: #999999; + font-size: 0.75rem; + margin-top: 0.31rem; + } + } + .bo-delivery { + span { + font-size: 0.87rem; + color: #666666; + display: block; + margin-top: 0.5rem; + } + } + } + //地址列表 + .mypersonal{ + .my-delivery { + display: flex; + align-items: center; + font-style: normal; + span { + display: block; + font-size: 0.87rem; + color: #333333; + } + i { + font-style: normal; + display: block; + font-size: 0.87rem; + color: #333333; + margin-left: .5rem; + } + } + .per-delivery { + span { + font-size:0.875rem; + color: #666666; + display: block; + margin-top: 0.43rem; + } + } + } + + + .rc-margin-y--md{ width: 100%; height: 80px; @@ -39,83 +141,7 @@ margin-right: 20px; .rc-foo{ display: none; } - .rc-receiving { - width: 100%; - height: 80px; - display: flex; - align-items: center; - em { - font-style: normal; - color: #e1001a; - font-size: 22px; - font-weight: bold; - } - span { - color: #666666; - font-size: 12px; - display: block; - margin-left: 18px; - width: 62%; - - } - } - .delivery { - display: flex; - flex-direction: column; - height: 80px; - .to-delivery { - display: flex; - align-items: center; - font-style: normal; - span { - display: block; - margin-left: 3px; - } - i { - font-style: normal; - margin-left: 8px; - display: block; - } - } - .bo-delivery { - span { - font-size: 14px; - - color: #666666; - display: block; - margin-top: 8px; - } - } - } - - .mypersonal { - display: flex; - flex-direction: column; - height: 80px; - .my-delivery { - display: flex; - align-items: center; - font-style: normal; - span { - display: block; - margin-left: 3px; - } - i { - font-style: normal; - margin-left: 8px; - display: block; - } - } - .per-delivery { - span { - font-size: 14px; - - color: #666666; - display: block; - margin-top: 8px; - } - } - } + .rc-usermain { display: flex; @@ -207,14 +233,16 @@ margin-right: 20px; .rc-merchandise { width: 100%; - margin-top: 32px; + margin-top: 24px; + padding-right: 0.7rem; + padding-left: 0.7rem; ul { width: 100%; display: flex; flex-direction: column; justify-content: space-between; - line-height: 26px; + line-height: 30px; i { font-style: normal; color: #666666; @@ -240,10 +268,15 @@ margin-right: 20px; } } } + .useruantity{ + padding-right: 20px; + } } .rc-payment{ + padding-right: 0.7rem; + padding-left: 0.7rem; width: 100%; margin-top: 32px; .u-trackingnumber{ @@ -293,7 +326,49 @@ margin-right: 20px; //pc端 -@media screen and (min-width: 768px) { +@media screen and (min-width: 768px){ + + //快递列表 + .delivery { + display: flex; + flex-direction: column; + margin: 1rem 1.25rem; + .to-delivery { + margin-top: 20px; + img{ + width: 24px; + height: 24px; + object-fit: contain; + } + display: flex; + align-items: center; + font-style: normal; + span { + display: block; + margin-left: 16px; + color: #333333; + font-size: 18px; + font-weight: 500; + } + i { + font-style: normal; + margin-left: 0.5rem; + display: block; + color: #999999; + font-size: 0.75rem; + margin-top: 0.31rem; + } + } + .bo-delivery { + margin-top: 16px; + span { + font-size: 0.87rem; + color: #666666; + display: block; + margin-top: 16px; + } + } + } .rc-margin-y--md{ display: none; } @@ -329,7 +404,6 @@ margin-right: 20px; .delivery { display: flex; flex-direction: column; - height: 140px; display: flex; justify-content: center; .viewdetails{ diff --git a/rc-busness/pages/myorder/usertion.vue b/rc-busness/pages/myorder/usertion.vue index 9fa62e32..e066f05e 100644 --- a/rc-busness/pages/myorder/usertion.vue +++ b/rc-busness/pages/myorder/usertion.vue @@ -2,63 +2,83 @@