diff --git a/rc-busness/assets/css/search.less b/rc-busness/assets/css/search.less index 4bb952bb..850504c1 100644 --- a/rc-busness/assets/css/search.less +++ b/rc-busness/assets/css/search.less @@ -14,6 +14,21 @@ ul li ol li em strong i { position: relative; margin-top: 5.25rem; + .active{ + border: 2px solid #E2001A; + color: #E2001A; + cursor: pointer; + + } + .unactive{ + border: 2px solid #d7d7d7; + color:#999999; + cursor: pointer; + + } +} +//手机端 +@media screen and (max-width: 768px) { .usersearch { width: 100%; margin: 0 auto; @@ -30,21 +45,6 @@ ul li ol li em strong i { padding: 0; } } - .active{ - border: 2px solid #E2001A; - color: #E2001A; - cursor: pointer; - - } - .unactive{ - border: 2px solid #d7d7d7; - color:#999999; - cursor: pointer; - - } -} -//手机端 -@media screen and (max-width: 768px) { .rc-button { display: flex; @@ -371,7 +371,25 @@ 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; @@ -500,6 +518,7 @@ margin-left: 8px; font-size: 26px; font-weight: bold; color: #333333; + margin: 0; } span { font-size: 14px; @@ -593,13 +612,16 @@ 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: 80px; + height: 50px; width: 1200px; border-radius: 200px; } @@ -647,6 +669,7 @@ border-radius: 30px; font-size: 26px; font-weight: bold; color: #333333; + margin: 0; } } diff --git a/rc-busness/pages/usersearch/search.vue b/rc-busness/pages/usersearch/search.vue index 8091d6c6..ae985e0b 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 ? 'active' : 'unactive'" + :class="activeIndexa == index" > {{ item.title }} @@ -595,9 +595,13 @@ export default { if (element.name == "品种") { pinzhong.push(element); this.catageb = pinzhong; + this.catageb=this.catageb.sort((n1,n2)=>{ + return n1.sort-n2.sort; + }) this.catageb.forEach((element) => { element.checked = false; }); + // console.log(this.catageb); } if (element.name == "功能") { gonneg.push(element); @@ -605,6 +609,7 @@ export default { this.catagea.forEach((element) => { element.checked = false; }); + console.log(this.catagea); } if (element.name == "年龄") { age.push(element);