From 37702c760183f6b4f4196e00ddd9fe69f039f6dd Mon Sep 17 00:00:00 2001 From: Vion Date: Wed, 12 Jan 2022 19:48:50 +0800 Subject: [PATCH] Order review updated --- rc-busness/assets/css/global.less | 11 + rc-busness/assets/css/index.less | 4 +- rc-busness/assets/css/quiry.less | 549 +++++++++++++++++++++ rc-busness/assets/image/ico-case.png | Bin 0 -> 3457 bytes rc-busness/pages/personal/quiry.vue | 686 ++------------------------- 5 files changed, 610 insertions(+), 640 deletions(-) create mode 100644 rc-busness/assets/css/quiry.less create mode 100644 rc-busness/assets/image/ico-case.png diff --git a/rc-busness/assets/css/global.less b/rc-busness/assets/css/global.less index 60f35e44..9c802413 100644 --- a/rc-busness/assets/css/global.less +++ b/rc-busness/assets/css/global.less @@ -241,6 +241,17 @@ img, picture { line-height: 22px; color: #E2001A; font-weight:bold; + &.ts-right-arr--two:after{ + content: " "; + width: .5rem; + height: 1rem; + background: url(../image/rc-left.png) no-repeat left top; + background-size: contain; + display: block; + position:absolute; + right:0; + top:.25rem; + } } /* 手机端 */ diff --git a/rc-busness/assets/css/index.less b/rc-busness/assets/css/index.less index 3ad859d4..1ee9dd3b 100644 --- a/rc-busness/assets/css/index.less +++ b/rc-busness/assets/css/index.less @@ -314,7 +314,7 @@ object-fit: cover; margin-top: 2.875rem; margin: 0 auto; position: relative; - margin-top: 9.375rem; + //margin-top: 9.375rem; #xxxFullScreen { background-color: white; margin-top: 100px; @@ -465,8 +465,6 @@ img{ .rc-max-width--xl { .rc-ma { - padding:60px 0; - .ul-zhuan{ width: 100%; display: flex; diff --git a/rc-busness/assets/css/quiry.less b/rc-busness/assets/css/quiry.less new file mode 100644 index 00000000..0252abaf --- /dev/null +++ b/rc-busness/assets/css/quiry.less @@ -0,0 +1,549 @@ +.rc-userbottom .ts-standard-btn{ + padding:0 1.625rem; + width:auto; +} +.rc-image { + margin-top: 17px; + width:6rem; + img { + border: 1px solid #d8d8d8; + width: 100%; + height: auto; + max-height:6rem; + object-fit: contain; + display: block; + } +} +//手机端 +@media screen and (max-width: 768px) { + .online{ + margin:1rem 0; + } + .rc-column{ + padding-left:0; + padding-right:0; + } + .rc-layout-container{ + .rc-max-width--xl{ + padding-left:1.25rem; + padding-right:1.25rem; + } + } + .rc-image{ + width:8rem; + } + .rc-userbottom{ + display: none; + } + .viewdetails{ + display: none; + } + .rc-foo{ + display: none; + } + .rc-receiving { + display:flex; + align-items: baseline; + text-align: left; + .rc-beta{ + margin-bottom:0; + margin-right:8px; + } + em { + font-style: normal; + color: #e1001a; + font-size: 22px; + } + span { + font-size: 12px; + } + } + .delivery { + display: flex; + flex-direction: column; + .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; + } + img{ + width:1rem; + height:auto; + margin-right:2px; + } + } + .bo-delivery { + span { + font-size: 14px; + + color: #666666; + display: block; + margin-top: 8px; + } + } + } + + .mypersonal { + .my-delivery { + display: flex; + align-items: center; + font-style: normal; + span { + } + i { + font-style: normal; + margin-left: 8px; + display: block; + font-size:.875rem; + } + } + .per-delivery { + span { + font-size: 14px; + + color: #666666; + display: block; + margin-top: 8px; + } + } + } + + .rc-usermain { + display: flex; + + .rc-right { + .rc-userbottomm { + display: none; + } + display: flex; + flex-direction: column; + width: 100%; + margin-left: 16px; + justify-content: center; + em { + font-style: normal; + display: block; + font-size: 16px; + margin-top: 18px; + font-weight: bold; + + color: #e1001a; + } + } + .rc-userright { + display: flex; + flex-direction: column; + color: #666666; + font-size: 14px; + span { + display: block; + margin-top: 16px; + } + } + .rc-userbottom { + display: flex; + justify-content: space-between; + margin-top: 8px; + span { + color: #666666; + font-size: 14px; + } + i { + font-style: normal; + color: #e1001a; + font-size: 18px; + font-weight: bold; + } + .rc-bottom{ + display: none; + } + } + .rc-bottomm { + display: flex; + align-items: center; + justify-content: flex-end; + margin-top: 24px; + .ts-standard-btn{ + font-size:.875rem; + padding:0 1.625rem; + width:auto; + } + } + } + + + .rc-merchandise { + width: 100%; + margin-top: 32px; + + ul { + width: 100%; + display: flex; + flex-direction: column; + justify-content: space-between; + line-height: 26px; + i { + font-style: normal; + color: #666666; + font-size: 14px; + } + li { + list-style: none; + font-style: normal; + display: flex; + justify-content: space-between; + span { + font-size: 14px; + + color: #333333; + + } + } + li:last-child { + i { + color: #e1001a; + font-size: 16px; + font-style: normal; + } + } + } + } + + + .rc-payment{ + width: 100%; + .u-trackingnumber{ + display: flex; + align-items: center; + i { + font-size: 14px; + font-style: normal; + margin-right: 16px; + + } + img{ + width: 8px; + height: 16px; + } + } + ul { + width: 100%; + display: flex; + flex-direction: column; + justify-content: space-between; + line-height: 26px; + i { + font-style: normal; + color: #666666; + font-size: 14px; + } + li { + list-style: none; + font-style: normal; + display: flex; + justify-content: space-between; + span { + font-size: 14px; + + color: #333333; + + } + } + + } + } +} +//pc端 +@media screen and (min-width: 769px) { + .rc-layout-container *{ + font-size:18px; + } + .rc-layout-container h2{ + font-size:26px; + } + .online{ + margin:32px 0; + &.bold{ + margin:40px 0; + } + } + .rc-userbottomm{ + display: none; + } + .rc-border{ + width: 100%; + border-bottom: 1px solid #D7D7D7; + margin-top: 32px; + } + .rc-receiving { + width: 100%; + height: 80px; + display: flex; + flex-direction: column; + span { + color: #666666; + font-size: 16px; + display: block; + margin-top: 8px; + } + } + .delivery { + display: flex; + flex-direction: column; + display: flex; + justify-content: center; + .viewdetails{ + display: flex; + align-items: center; + justify-content: flex-end; + span{ + color:#444444; + font-size: 18px; + display: block; + margin-right: 8px; + } + img{ + width: 8px; + height: 16px; + } + } + + .to-delivery { + display: flex; + align-items: center; + font-style: normal; + span { + display: block; + // margin-left: 16px; + font-size: 18px; + color: #333333; + } + i { + font-style: normal; + margin-left: 8px; + display: block; + font-size: 14px; + color: #999; + } + img{ + width:24px; + height:auto; + margin-right:16px; + } + } + .bo-delivery { + span { + font-size: 16px; + color: #666666; + display: block; + margin-top: 16px; + } + } + } + + .mypersonal { + flex-direction: column; + justify-content: center; + .my-delivery { + display: flex; + align-items: center; + font-style: normal; + i { + font-style: normal; + margin-left: 8px; + } + } + .per-delivery { + span { + font-size: 18px; + color: #666666; + display: block; + margin-top: 16px; + } + } + } + + .rc-usermain { + display: flex; + .rc-right { + .rc-bottomm{ + display: none; + } + .rc-usercenter{ + display: flex; + justify-content: center; + flex-direction: column; + em { + font-style: normal; + font-weight: bold; + color: #e1001a; + } + } + + display: flex; + + width: 100%; + margin-left: 16px; + + + } + .rc-userright { + display: flex; + flex-direction: column; + color: #666666; + font-size: 16px; + span { + display: block; + margin-top: 16px; + font-size: 16px; + } + } + .rc-userbottom { + display: flex; + width: 80%; + justify-content: space-between; + align-items: center; + margin-left: 119px; + span { + font-size: 14px; + } + i { + font-style: normal; + color: #e1001a; + font-size: 20px; + font-weight: bold; + } + .rc-bottom { + display: flex; + align-items: center; + justify-content: flex-end; + margin-top: 24px; + + } + + } + } + + .rc-merchandise { + width: 100%; + margin-top: 32px; + + ul { + width: 100%; + display: flex; + flex-direction: column; + justify-content: space-between; + line-height: 40px; + font-size: 18px; + i { + font-style: normal; + color: #666666; + + } + li { + list-style: none; + font-style: normal; + display: flex; + justify-content: space-between; + span { + color: #333333; + + } + } + li:last-child { + i { + color: #e1001a; + font-size: 20px; + font-style: normal; + } + } + } + } + + + .rc-payment{ + width: 100%; + margin-top: 80px; + .u-trackingnumber{ + display: flex; + align-items: center; + i { + font-size: 18px; + font-style: normal; + margin-right: 16px; + + } + img{ + width: 8px; + height: 16px; + } + } + ul { + width: 100%; + display: flex; + flex-direction: column; + justify-content: space-between; + line-height: 40px; + font-size: 18px; + i { + font-style: normal; + color: #666666; + display: block; + + } + li { + list-style: none; + font-style: normal; + display: flex; + justify-content: space-between; + span { + + + color: #333333; + + } + } + + } + } + .rc-foot{ + display: flex; + flex-direction: column; + .rc-foo{ + display: flex; + justify-content: flex-end; + flex-direction: column; + align-items: self-end; + .ts-total{ + padding-bottom:32px; + } + i{ + font-style: normal; + color:#333333; + font-size: 20px; + margin-right: 20px; + + } + em{ + font-style: normal; + color: #E1001A; + font-size: 26px; + + } + span{ + width: 164px; + font-size:1rem; + } + + } + } + +} \ No newline at end of file diff --git a/rc-busness/assets/image/ico-case.png b/rc-busness/assets/image/ico-case.png new file mode 100644 index 0000000000000000000000000000000000000000..e9cbfe61a2d55ac5bd638ff9cbdd799fc983f806 GIT binary patch literal 3457 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
-
-
-
- {{userisdelivery}} +
+
+
+

{{userisdelivery}}

{{orderstatus}}
-
-
-
- -
- {{ item.state }} - {{ item.time }} -
-
- {{ item.address }} -
-
- 查看详情 - -
-
-
+
+
+
+ +
+ + {{ item.state }} + {{ item.time }} +
+ +
+
+ {{ item.address }} +
+
+ 查看详情 +
+
+
+
+
@@ -38,7 +42,9 @@ {{ item.address }}
-
+
+ +
@@ -54,12 +60,12 @@ 数量:{{ item.orderstype }}件 ￥{{ item.userprice }}
- 联系客服申请售后 -
+ 联系客服申请售后 +
-
- 联系客服申请售后 -
+
+ 联系客服申请售后 +