修改全局搜索样式

pages/mobile/search/newkeycode.vue

@@ -650,24 +650,24 @@
     .main-search-header {
       position: absolute;
       background: #3e82f5;
-      line-height: .88rem;
+      padding: 0.15rem 0;
       margin-top: 0;
       z-index: 1;
       width: 100%;
       input {
-        width: 4.88rem;
-        height: .62rem;
-        line-height: .62rem;
+        width: 5.1rem;
+        height: .58rem;
+        line-height: .58rem;
         font-size: .26rem;
         color: #333;
-        margin-left: 0.3rem;
+        margin-left: 0.11rem;
         /*padding-left: 1.26rem;*/
         border: .04rem solid #fff;
         background: #fff;
         outline: none;
         border-radius: 0;
         float: left;
-        margin-top: .12rem;
+        /*margin-top: .12rem;*/
         -webkit-appearance: none;
         border-top-left-radius: .14rem;
         border-bottom-left-radius: .14rem;
@@ -676,8 +676,8 @@
         display: inline-block;
         width: 1.02rem;
         text-align: center;
-        height: .62rem;
-        line-height: .62rem;
+        height: .58rem;
+        line-height: .58rem;
         color: #366df3;
         font-size: .28rem;
         margin-left: .02rem;
@@ -685,7 +685,7 @@
         border-bottom-right-radius: .14rem;
         background: #fff;
         float: left;
-        margin-top: .12rem;
+        /*margin-top: .12rem;*/
       }
       a {
         font-size: .28rem;
@@ -693,22 +693,29 @@
         margin-left: .2rem;
       }
       .main-search-header-controll {
-        background: #3e82f5;
-        width: 5.9rem;
-        margin-left: 0.3rem;
+        width: 5.48rem;
+        margin-left: 0.21rem;
+        transform: translateY(1px);
         div {
-          @include lineHeight(0.66rem);
-          font-size: 0.28rem;
-          color: #fff;
-          margin: 0;
-          background: rgba(0,0,0,0);
-          border-radius: 0;
-          &.active a {
+          div {
+            font-size: 0.28rem;
             color: #fff;
-            border-bottom: 0.02rem solid #fff;
-          }
-          a {
-            margin-left: 0 !important;
+            margin: 0;
+            border-radius: 0;
+            padding: 0.1rem 0.1rem;
+            &.active {
+              background: #fff;
+              border-top-left-radius: 0.05rem;
+              border-top-right-radius: 0.05rem;
+            }
+            &.active a {
+              color: #40b6fc;
+            }
+            a {
+              font-size: .26rem;
+              color: #f1f1f1;
+              margin-left: 0 !important;
+            }
           }
        }
       }