소스 검색

搜索框ios下样式调整

yangc 8 년 전
부모
커밋
481764c785
4개의 변경된 파일19개의 추가작업 그리고 12개의 파일을 삭제
  1. 6 0
      assets/scss/mobileCommon.scss
  2. 1 1
      components/mobile/Home.vue
  3. 0 1
      components/mobile/brand/BrandDetail.vue
  4. 12 10
      components/mobile/search/MainSearch.vue

+ 6 - 0
assets/scss/mobileCommon.scss

@@ -184,3 +184,9 @@ ins, a {
 ::-webkit-scrollbar {
   opacity: 0;
 }
+
+input {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}

+ 1 - 1
components/mobile/Home.vue

@@ -186,9 +186,9 @@
         .home-input{
           width: 6rem;
           height: .61rem;
-          line-height: .61rem;
           input{
             width:5.17rem;
+            height: .61rem;
             display: inline-block;
             padding: 0 1rem 0 .16rem;
             margin-right:-.83rem;

+ 0 - 1
components/mobile/brand/BrandDetail.vue

@@ -465,7 +465,6 @@
           margin-right: .19rem;
           width: 4.36rem;
           height: .6rem;
-          line-height: .6rem;
           vertical-align: middle;
           input[type = "text"] {
             display: inline-block;

+ 12 - 10
components/mobile/search/MainSearch.vue

@@ -137,17 +137,17 @@
     height: -webkit-fill-available;
     width: -webkit-fill-available;
     position: fixed;
-    z-index: 100;
+    z-index: 1000;
     top: 0;
+    bottom: 0;
     .main-search-header {
-      height: .71rem;
-      background: #4391f7;
+      height: .88rem;
+      background: #3e82f5;
       padding-left: .5rem;
-      line-height: .71rem;
+      line-height: .88rem;
       input {
         width: 4.78rem;
-        height: .54rem;
-        line-height: .54rem;
+        height: .62rem;
         font-size: .28rem;
         color: #999;
         padding-left: .2rem;
@@ -156,15 +156,17 @@
         outline: none;
         border-radius: 0;
         float: left;
-        margin-top: .08rem;
+        margin-top: .12rem;
         -webkit-appearance: none;
+        border-top-left-radius: .05rem;
+        border-bottom-left-radius: .05rem;
       }
       span {
         display: inline-block;
         width: 1.02rem;
         text-align: center;
-        height: .54rem;
-        line-height: .54rem;
+        height: .62rem;
+        line-height: .62rem;
         color: #366df3;
         font-size: .28rem;
         margin-left: .02rem;
@@ -172,7 +174,7 @@
         border-bottom-right-radius: .05rem;
         background: #fff;
         float: left;
-        margin-top: .08rem;
+        margin-top: .12rem;
       }
       a {
         font-size: .28rem;