diff --git a/rc-busness/ajax/getData.js b/rc-busness/ajax/getData.js index bbcb5a5e..319db10f 100644 --- a/rc-busness/ajax/getData.js +++ b/rc-busness/ajax/getData.js @@ -91,7 +91,6 @@ export const monitorOrderNotify = (OrderNumber) => { * 删除购物车 */ export const deleteCart = ( productCode) => { - debugger; var data = { productCode } diff --git a/rc-busness/assets/css/global.less b/rc-busness/assets/css/global.less index 2e98aeac..f34e1a19 100644 --- a/rc-busness/assets/css/global.less +++ b/rc-busness/assets/css/global.less @@ -4,18 +4,13 @@ body { line-height: 1.5; color: #666; } -div[data-js-modal-menu] { - display:none; -} -aside div[data-js-modal-menu] { - display:block; -} .el-message-box .el-button--primary{ background-color: #e1001a !important; color:#fff; border:unset; } + .rc-menu--xs .rc-screen-reader{ left:28%; } @@ -154,6 +149,9 @@ picture { margin-left: auto; margin-right: auto; } +.useruantity{ + margin: 1rem 1.25rem; +} .ts-remove { text-decoration: line-through; @@ -330,7 +328,7 @@ picture { height: auto; position: fixed; right: 0; - top: 40%; + top: 56vh; background: #FFFFFF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); border-radius: .25rem; @@ -532,7 +530,12 @@ picture { max-width: 768px; margin: 0 auto; } - + div[data-js-modal-menu] { + display:none; + } + aside div[data-js-modal-menu] { + display:block; + } html { font-size: 16px; } diff --git a/rc-busness/assets/css/producted.less b/rc-busness/assets/css/producted.less index 115ecc62..730a0bef 100644 --- a/rc-busness/assets/css/producted.less +++ b/rc-busness/assets/css/producted.less @@ -451,7 +451,6 @@ } span { font-size: 45px; - font-weight: bold; } strong { font-style: normal; diff --git a/rc-busness/assets/css/search.less b/rc-busness/assets/css/search.less index bf719986..b9e060be 100644 --- a/rc-busness/assets/css/search.less +++ b/rc-busness/assets/css/search.less @@ -341,6 +341,7 @@ border-radius: 100px; font-size: 18px; color: #333333; font-weight: bold; + margin-top:1rem; } .ts-scrollable{ margin-top: 1rem; diff --git a/rc-busness/assets/css/settlement.less b/rc-busness/assets/css/settlement.less index 12826929..07d11a18 100644 --- a/rc-busness/assets/css/settlement.less +++ b/rc-busness/assets/css/settlement.less @@ -236,6 +236,7 @@ color: #333333; font-style: normal; display: flex; justify-content: space-between; + align-items: baseline; span { font-size: 14px; @@ -251,6 +252,10 @@ color: #333333; } } } + .ts-right-arr { + line-height:1rem; + height:1.5rem; + } } 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 bb03cd94..e066f05e 100644 --- a/rc-busness/pages/myorder/usertion.vue +++ b/rc-busness/pages/myorder/usertion.vue @@ -2,45 +2,65 @@
-
-
- {{item.status=='0'?'待付款':item.status=='1'?'待收货':item.status=='2'?'已完成':item.status=='3'?'已取消':'异常订单'}} - {{orderstatus}} +
+
+
+
+ {{ + item.status == "0" + ? "待付款" + : item.status == "1" + ? "待收货" + : item.status == "2" + ? "已完成" + : item.status == "3" + ? "已取消" + : "异常订单" + }} + {{ orderstatus }} +
+
+
+
+
+ + {{ trackingstates }} +
-
-
- {{ trackingstates}} -
-
- {{ logisticsCompany }} -
-
- 查看详情 - -
+
+ +
- -
-
- {{ datddress.recipient }} - {{ datddress.recipientPhone }} -
-
- {{ datddress.provinceName }}{{datddress.cityName}}{{datddress.districtName}}{{datddress.detailAddress}} -
+
+ 查看详情 +
- - - -
+
+
+
+
+
+ {{ item.addressUserName }} + {{ item.addressPhoneNumber }} +
+
+ {{ item.addressProvinceName }}{{ item.addressCityName + }}{{ item.addressCountyName }} +
+
+
+
-
+
- +
@@ -52,13 +72,13 @@
数量:{{ userlist.pcs }}件 ¥{{ userlist.ecPrice }} -
- {{customer}} -
+
+ {{ customer }} +
+
+
+ {{ customer }}
-
- {{customer}} -
+
-
+
+
  • 商品总价: @@ -87,8 +109,10 @@
+
-
+
+
  • 订单编号:: @@ -109,272 +133,259 @@
  • 快递单号:
    - {{ logisticsNumber }} - - -
    + {{ logisticsNumber }} + +
-
-
+
合计金额: - ¥{{usersalesAmount}} -
-
- 再次购买 -
+ ¥{{ usersalesAmount }} +
+
+ {{ payorsucess }} +
- -
-
- - {{payorsucess}} - +
+
+
+ + {{ payorsucess }} + +
-
- - +