更改搜索页面样式功能的调整

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;
    
     }
   }

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 }}
             </li>
@@ -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);