From b0ae1cbe942275c3155e9175cf7dc392247dc9e5 Mon Sep 17 00:00:00 2001 From: Admin <376654749@qq.com> Date: Thu, 20 Jan 2022 02:44:19 +0000 Subject: [PATCH] =?UTF-8?q?=E5=9B=9E=E9=80=80=20'Pull=20Request=20!44=20:?= =?UTF-8?q?=202022-1-19=20=20Jiamin'?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- rc-busness/assets/css/addaddress.less | 212 --------------- rc-busness/assets/css/editaddress.less | 89 ------ rc-busness/assets/css/global.less | 8 +- rc-busness/assets/css/integral.less | 5 +- rc-busness/assets/css/product-list.less | 139 ++++------ rc-busness/assets/css/search.less | 90 ++---- rc-busness/pages/personal/integral.vue | 9 +- rc-busness/pages/personal/mypersonal.vue | 6 +- .../pages/productdetails/productlist.vue | 56 ++-- rc-busness/pages/useraddress/addaddress.vue | 190 +++++-------- rc-busness/pages/useraddress/editaddress.vue | 200 ++++++-------- rc-busness/pages/useraddress/openaddress.vue | 256 ++++++++++++++---- rc-busness/pages/usersearch/search.vue | 30 +- 13 files changed, 470 insertions(+), 820 deletions(-) delete mode 100644 rc-busness/assets/css/addaddress.less delete mode 100644 rc-busness/assets/css/editaddress.less diff --git a/rc-busness/assets/css/addaddress.less b/rc-busness/assets/css/addaddress.less deleted file mode 100644 index 471c5f6f..00000000 --- a/rc-busness/assets/css/addaddress.less +++ /dev/null @@ -1,212 +0,0 @@ - - - -@media screen and (max-width:768px){ - .usercontend{ - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - .rc-useaddress{ - textarea{ - display: none; - } - } - .rc-button{ - display: flex; - justify-content: center; - font-size: 14px; - width: 100%; - box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1); - height: 80px; - align-items: center; - padding:0 20px 0 20px; - span - { - width: 160px; - height: 48px; - border: 2px solid #E2001A; - border-radius: 30px; - display: flex; - align-items: center; - justify-content: center; - color: #E2001A; - } - em{ - font-style: normal; - width: 164px; - height: 48px; - background: #E2001A; - cursor: pointer; - border-radius: 30px; - display: flex; - align-items: center; - justify-content: center; - color: #FFFFFF; - margin-left: 40px; - } - } - .rc-max-width--xl{ - h2{ - display: none; - } - } - - } - -.rc-max-width--xl{ - margin-top: 16px; - input{ - width: 258px; - height: 34px; - border: none; - border-bottom: 1px solid #808285; - color: #999999; - font-size: 16px; - margin-left: 2px; - } - span{ - font-size: 16px; - font-weight: bold; - width: 22%; - text-align: center; - color: #333333; - margin-top: 2px; - } - .rc-people{ - width: 100%; - display: flex; - align-items: center; - span{ - text-align: left; - } - } -// .rc-phone{ - -// } -// .rc-address{ - -// } -// .rc-useaddress{ - -// } - - - -} - - -} - -@media screen and (min-width: 769px) -{ - .usercontend{ - display: flex; - align-items: center; - justify-content: center; - position: relative; - flex-direction: column; - .rc-button{ - display: flex; - justify-content: center; - font-size: 14px; - width: 100%; - box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1); - height: 80px; - align-items: center; - - padding:0 20px 0 20px; - span - { - width: 160px; - height: 48px; - border: 2px solid #E2001A; - border-radius: 30px; - display: flex; - align-items: center; - justify-content: center; - color: #E2001A; - } - em{ - font-style: normal; - width: 164px; - height: 48px; - background: #E2001A; - cursor: pointer; - border-radius: 30px; - display: flex; - align-items: center; - justify-content: center; - color: #FFFFFF; - margin-left: 40px; - } - } - h2{ - font-size: 26px; - color: #333333; - text-align: center; - font-weight: bold; - } - .rc-useaddress{ - display: flex; - align-items: center; - textarea{ - width: 680px; - height: 118px; - background: #FFFFFF; - border: 1px solid #808285; - opacity: 1; - border-radius: 0px; - padding-top: 12px; - padding-left: 16px; - } - -.userinput{ - display: none; -} - } - } - - -.rc-max-width--xl{ - margin-top: 16px; - input{ - width: 680px; - height: 45px; - border: 1px solid #808285; - color: #999999; - font-size: 16px; - margin-left: 2px; - padding-left: 16px; - } - span{ - font-size: 16px; - font-weight: bold; - width: 10%; - text-align: center; - color: #333333; - margin-top: 2px; - } - .rc-people{ - width: 100%; - display: flex; - align-items: center; - - } - -// .rc-phone{ - -// } -// .rc-address{ - -// } -// .rc-useaddress{ - -// } - - - -} - - -} \ No newline at end of file diff --git a/rc-busness/assets/css/editaddress.less b/rc-busness/assets/css/editaddress.less deleted file mode 100644 index 269b6de2..00000000 --- a/rc-busness/assets/css/editaddress.less +++ /dev/null @@ -1,89 +0,0 @@ -@media screen and (max-width:768px){ - .rc-button{ - display: flex; - justify-content: center; - font-size: 14px; - width: 100%; - box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1); - height: 80px; - align-items: center; - position: absolute; - bottom: 0; - padding:0 20px 0 20px; - span - { - width: 160px; - height: 48px; - border: 2px solid #E2001A; - border-radius: 30px; - display: flex; - align-items: center; - justify-content: center; - color: #E2001A; - } - em{ - font-style: normal; - width: 164px; - height: 48px; - background: #E2001A; - cursor: pointer; - border-radius: 30px; - display: flex; - align-items: center; - justify-content: center; - color: #FFFFFF; - margin-left: 40px; - } - } -.rc-max-width--xl{ - margin-top: 16px; - input{ - width: 258px; - height: 34px; - border: none; - border-bottom: 1px solid #808285; - color: #999999; - font-size: 16px; - margin-left: 2px; - } - span{ - font-size: 16px; - font-weight: bold; - width: 22%; - text-align: center; - color: #333333; - margin-top: 2px; - } - .rc-people{ - width: 100%; - display: flex; - align-items: center; - span{ - text-align: left; - } - - - } -// .rc-phone{ - -// } -// .rc-address{ - -// } -// .rc-useaddress{ - -// } - - - -} - - -} - -@media screen and (min-width: 769px) -{ - - - -} \ No newline at end of file diff --git a/rc-busness/assets/css/global.less b/rc-busness/assets/css/global.less index a7b638fe..5b9540d2 100644 --- a/rc-busness/assets/css/global.less +++ b/rc-busness/assets/css/global.less @@ -405,15 +405,12 @@ img, picture { } .ts-scrollable{ li{ - width: 6rem; - overflow: hidden; + // width: 4.125rem; padding: 0 0.62rem; height: 1.625rem; margin-left: .5rem; font-size:.75rem; - text-overflow:ellipsis; - white-space:nowrap; - line-height: 1.625rem; + line-height: 1.375rem; } &::-webkit-scrollbar{ display:none; @@ -425,7 +422,6 @@ img, picture { /* pc端 */ @media screen and (min-width: 769px) { - /deep/.van-tabs__wrap { max-width: 768px; diff --git a/rc-busness/assets/css/integral.less b/rc-busness/assets/css/integral.less index cf1c9309..e461175d 100644 --- a/rc-busness/assets/css/integral.less +++ b/rc-busness/assets/css/integral.less @@ -26,7 +26,10 @@ span{ } } } -.rc-max-width--xl{ +.rc-usermain{ + width: 92%; + margin: 0 auto; + ul{ height: 70px; display: block; diff --git a/rc-busness/assets/css/product-list.less b/rc-busness/assets/css/product-list.less index b1fd2b92..cf1e3bef 100644 --- a/rc-busness/assets/css/product-list.less +++ b/rc-busness/assets/css/product-list.less @@ -9,18 +9,10 @@ ul li ol li em strong i { //rc-main start margin-top:.23rem; .usersearch { - .ts-scrollable-container{ - h2{ - font-weight: bold; - color: #333333; - } - } - margin: 0 auto; overflow: hidden; } - //rc-main end } @@ -32,53 +24,6 @@ ul li ol li em strong i { .usercontentshow{ position: relative; - .rc-productcat { - display: flex; - align-items: center; - flex-wrap: nowrap; - ol{ - display: flex; - align-items: center; - flex-flow: row; - .ts-standard-btn{ - width: 7.87rem; - height: 2.25rem; - background: #FFFFFF; - border-radius: 6.25rem; - background: none; - display: flex; - align-items: center; - justify-content: center; - margin-left: 1rem; - color: #999999; - img { - height: 1rem; - } - span { - margin-left: 0.18rem; - } - } - } - .userrccat{ - width: 32%; - height: 34px; - background: #ffffff; - border-radius: 100px; - display: flex; - align-items: center; - justify-content: center; - margin-left: 0; - font-size: 14px; - span { - margin-left: 3px; - } - img { - width: 24px; - height: 16px; - } - border: 2px solid #E2001A; - } - } .userrccat{ width: 32%; height: 34px; @@ -148,7 +93,48 @@ ul li ol li em strong i { height: 617px; background: white; z-index: 999; - + .rc-productcat { + display: flex; + align-items: center; + flex-wrap: nowrap; + .rc-cat { + width: 32%; + height: 34px; + background: #ffffff; + border-radius: 100px; + display: flex; + align-items: center; + justify-content: center; + margin-left: 0; + font-size: 14px; + span { + margin-left: 3px; + } + img { + width: 24px; + height: 16px; + } + } + .userrccat{ + width: 32%; + height: 34px; + background: #ffffff; + border-radius: 100px; + display: flex; + align-items: center; + justify-content: center; + margin-left: 0; + font-size: 14px; + span { + margin-left: 3px; + } + img { + width: 24px; + height: 16px; + } + border: 2px solid #E2001A; + } + } } @@ -233,7 +219,6 @@ ul li ol li em strong i { justify-content: center; font-size: .14rem; margin-right:.2rem; - margin-left: 16px; span { margin-left: 3px; } @@ -318,7 +303,6 @@ ul li ol li em strong i { //pc端 @media screen and (min-width: 768px){ - .userrccat{ width: 327px; height: 48px; @@ -344,7 +328,6 @@ ul li ol li em strong i { } .online{ width:100%; - margin-top: 17px; &.bold{ height:0.5rem; margin-top: 5rem; @@ -395,13 +378,7 @@ ul li ol li em strong i { } .rc-bottom{ - .rc-productcat { - ol{ - display: flex; - align-items: center; - flex-flow: row; - - } + .rc-productcat { display: flex; align-items: center; flex-wrap: nowrap; @@ -508,7 +485,7 @@ border-radius: 30px; margin-left: 16px; } span { - margin-left: 4px; + margin-left: 0px; } img { width: 24px; @@ -565,38 +542,18 @@ border-radius: 30px; } */ .ts-scrollable-container{ - + overflow-y: hidden; + overflow-x: clip; width: 100%; - margin-top: 18px; h2{ display: flex; align-items: center; width: 4%; } .ts-scrollable{ + overflow-y: hidden; + overflow-x: clip; width: 100%; - ol{ - display: flex; - align-items: center; - } - .ts-standard-btn{ - width: 237px; - height: 48px; -background: #FFFFFF; -border-radius: 30px; -background: none; -display: flex; -align-items: center; -justify-content: center; -margin-left: 40px; -img { -width: 24px; -height: 24px; -} -span { -margin-left: 8px; -} - } } } diff --git a/rc-busness/assets/css/search.less b/rc-busness/assets/css/search.less index e843f622..27cce00e 100644 --- a/rc-busness/assets/css/search.less +++ b/rc-busness/assets/css/search.less @@ -14,6 +14,15 @@ ul li ol li em strong i { position: relative; margin-top: 5.25rem; + .usersearch { + width: 100%; + margin: 0 auto; + overflow: hidden; + margin-top: 20px; + .rc-padding--md{ + padding: 0; + } + } .active{ border: 2px solid #E2001A; color: #E2001A; @@ -29,22 +38,6 @@ ul li ol li em strong i { } //手机端 @media screen and (max-width: 768px) { - .usersearch { - width: 100%; - margin: 0 auto; - overflow: hidden; - margin-top: 20px; - .ts-scrollable-container{ - h2{ - font-weight: bold; - color: #333333; - -} -} - .rc-padding--md{ - padding: 0; - } - } .rc-button { display: flex; @@ -54,9 +47,6 @@ ul li ol li em strong i { box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1); height: 80px; align-items: center; - position: absolute; - bottom: 0; - padding:0 20px 0 20px; span { width: 160px; @@ -139,9 +129,8 @@ strong{ color: #333333; margin-top: 1.5rem; h2{ - font-size: 16px; + font-size: 18px; font-weight: bold; - color: #333333; } span { font-size: 14px; @@ -179,9 +168,6 @@ strong{ // 我想搜 .usercontentshow{ position: relative; - .rc-column{ - padding-bottom: 0; - } .rc-productcat { display: flex; align-items: center; @@ -203,15 +189,13 @@ justify-content: center; margin-left: 1rem; color: #999999; img { +width: 1.5rem; height: 1rem; } span { margin-left: 0.18rem; } } - li:first-child{ - margin-left: 0; - } } //筛选 .userselect{ @@ -236,7 +220,7 @@ margin-left: 0.18rem; } .ts-scrollable-container{ - margin-top: 1rem; + margin-top: 0.93rem; } } @@ -252,7 +236,6 @@ margin-left: 0.18rem; } h2{ margin-left: 0; - font-weight: bold; } } @@ -292,10 +275,22 @@ border-radius: 100px; .rc-bottom{ position: fixed; background: white; - height: 617px; bottom: 0; left: 0; z-index: 9; + ol li{ + background: none; + width: 7.87rem; + height: 2.25rem; + background: #FFFFFF; + border-radius: 6.25rem; + background: none; + display: flex; + align-items: center; + justify-content: center; + margin-left: 1rem; + } + } .rc-bottoma{ @@ -381,25 +376,7 @@ border-radius: 100px; } //pc端 @media screen and (min-width: 768px){ - .usersearch { - width: 100%; - margin: 0 auto; - overflow: hidden; - margin-top: 40px; - .ts-scrollable-container{ - h2{ - font-weight: bold; - color: #333333; -} -} - .rc-padding--md{ - padding: 0; - } - } - .online{ - margin-top: 47px; - } /deep/.el-dialog__header { padding: 0; margin: 0; @@ -415,7 +392,6 @@ border-radius: 100px; display: flex; align-items: center; width: 6%; - color: #333333; } .ts-scrollable{ // overflow-y: hidden; @@ -525,10 +501,9 @@ margin-left: 8px; color: #333333; margin-top: 12px; h2 { - font-size: 26px; - font-weight: bold; + font-size: 18px; color: #333333; - margin: 0; + margin-left: 12px; } span { font-size: 14px; @@ -622,16 +597,13 @@ border-radius: 30px; /deep/.van-search__content--square{ background: white; } - /deep/.van-search{ - padding-left: 0; - } .van-search__content--square{ display: flex; align-items: center; justify-content: center; background: white; border: 1px solid #D7D7D7; - height: 50px; + height: 80px; width: 1200px; border-radius: 200px; } @@ -676,11 +648,9 @@ border-radius: 30px; } .rc-product { h2 { - font-size: 26px; - font-weight: bold; + font-size: 18px; color: #333333; - margin: 0; - + margin-left: 12px; } } .rc-productcat { diff --git a/rc-busness/pages/personal/integral.vue b/rc-busness/pages/personal/integral.vue index 6aac580c..e62c1b4a 100644 --- a/rc-busness/pages/personal/integral.vue +++ b/rc-busness/pages/personal/integral.vue @@ -1,8 +1,8 @@ @@ -115,7 +115,6 @@ export default { \ No newline at end of file diff --git a/rc-busness/pages/personal/mypersonal.vue b/rc-busness/pages/personal/mypersonal.vue index 77d0b5c9..9c9fb4e0 100644 --- a/rc-busness/pages/personal/mypersonal.vue +++ b/rc-busness/pages/personal/mypersonal.vue @@ -342,7 +342,9 @@ obligation(item,index){ }else{ if(item.title=='收货地址'){ -this.$router.push({ name: "useraddress-openaddress",}) +this.$router.push({ + path: `/useraddress/openaddress/` + }) console.log('这是地址的跳转'); } @@ -355,7 +357,7 @@ this.$router.push({ name: "useraddress-openaddress",}) this.$router.push({ path: `/personal/discount/` }) - + console.log('这是地址的跳转'); } diff --git a/rc-busness/pages/productdetails/productlist.vue b/rc-busness/pages/productdetails/productlist.vue index 862c457d..8c8ed82c 100644 --- a/rc-busness/pages/productdetails/productlist.vue +++ b/rc-busness/pages/productdetails/productlist.vue @@ -11,19 +11,17 @@
-
    -
  1. - - {{ item.title }} -
  2. -
+
+ + {{ item.title }} +
@@ -299,13 +297,11 @@ 确认
- - + \ No newline at end of file diff --git a/rc-busness/pages/useraddress/editaddress.vue b/rc-busness/pages/useraddress/editaddress.vue index bd7e2e7d..c0ce8fa5 100644 --- a/rc-busness/pages/useraddress/editaddress.vue +++ b/rc-busness/pages/useraddress/editaddress.vue @@ -1,131 +1,99 @@ - + \ No newline at end of file diff --git a/rc-busness/pages/useraddress/openaddress.vue b/rc-busness/pages/useraddress/openaddress.vue index fc17013c..4f776954 100644 --- a/rc-busness/pages/useraddress/openaddress.vue +++ b/rc-busness/pages/useraddress/openaddress.vue @@ -1,29 +1,27 @@ diff --git a/rc-busness/pages/usersearch/search.vue b/rc-busness/pages/usersearch/search.vue index c933d390..8091d6c6 100644 --- a/rc-busness/pages/usersearch/search.vue +++ b/rc-busness/pages/usersearch/search.vue @@ -34,7 +34,7 @@ v-for="(item, index) in searchdata" :key="index" @click="selectsearch(item, index)" - :class="activeIndexa == index" + :class="activeIndexa == index ? 'active' : 'unactive'" > {{ item.title }} @@ -219,13 +219,12 @@ - - - -
+
取消 确认
+
+ @@ -313,13 +312,11 @@ -