Sfoglia il codice sorgente

手机端.04rem以下border修改

yangc 8 anni fa
parent
commit
a8c18a5075

+ 1 - 1
assets/scss/mobileCommon.scss

@@ -155,7 +155,7 @@ ins, a {
       line-height: .98rem;
       font-size: .3rem;
       text-align: center;
-      border-top: .01rem solid #cdcecf;
+      border-top: .04rem solid #cdcecf;
     }
     .share-area {
       .share-item {

+ 1 - 1
components/mobile/Home.vue

@@ -193,7 +193,7 @@
             padding: 0 1rem 0 .16rem;
             margin-right:-.83rem;
             font-size:.24rem;
-            border:.02rem solid #3c7cf5;
+            border:.04rem solid #3c7cf5;
             border-radius:.05rem;
           }
           i{

+ 1 - 1
components/mobile/MobileFooter.vue

@@ -34,7 +34,7 @@
     width:100%;
     height:.98rem;
     text-align: center;
-    border-top:.02rem solid #ccc;
+    border-top:.04rem solid #ccc;
     background: #ffffff;
     z-index: 10;
   }

+ 1 - 1
components/mobile/MobileHeader.vue

@@ -264,7 +264,7 @@
     width:100%;
     height:.88rem;
     line-height: .88rem;
-    border-bottom:.02rem solid #ccc;
+    border-bottom:.04rem solid #ccc;
     background: #3e82f5;
     padding:0 .2rem 0 .1rem;
     color:#fff;

+ 1 - 1
components/mobile/brand/BrandCenter.vue

@@ -151,7 +151,7 @@
       .mobile-brand-list {
         font-size: .3rem;
         .brand-initial {
-          border-bottom: .02rem solid #418bf6;
+          border-bottom: .04rem solid #418bf6;
           p {
             width: .64rem;
             height: .43rem;

+ 6 - 6
components/mobile/brand/BrandDetail.vue

@@ -307,7 +307,7 @@
       background-position: -.1rem 0;
       box-shadow: 0 0 .01rem .03rem #eee;
       .brand-logo-box {
-        border: .01rem solid #c7e5fd;
+        border: .04rem solid #c7e5fd;
         border-radius: .1rem;
         height: 2.21rem;
         width: 3.73rem;
@@ -337,7 +337,7 @@
         }
         &.active {
           color: #fc5708;
-          border-bottom: .01rem solid #fc5708;
+          border-bottom: .04rem solid #fc5708;
         }
       }
     }
@@ -395,13 +395,13 @@
           height: .66rem;
           line-height: .66rem;
           border: {
-            bottom: .01rem solid rgb(230,228,228);
+            bottom: .04rem solid rgb(230,228,228);
           }
           &:nth-child(even) {
             background: #f9f9f9;
           }
           &:nth-child(1) {
-            border-top: .01rem solid rgb(230,228,228);
+            border-top: .04rem solid rgb(230,228,228);
           }
           &:active, &:hover {
             background: #eee;
@@ -441,7 +441,7 @@
               width: 1.64rem;
               height: .6rem;
               line-height: .6rem;
-              border: .01rem solid rgb(195,195,195);
+              border: .04rem solid rgb(195,195,195);
               border-radius: .05rem;
               font-size: .28rem;
               display: inline-block;
@@ -464,7 +464,7 @@
             display: inline-block;
             width: 3.61rem;
             height: .6rem;
-            border: .01rem solid rgb(195,195,195);
+            border: .04rem solid rgb(195,195,195);
             padding-left: .21rem;
             font-size: .24rem;
             float: left;

+ 3 - 3
components/mobile/brand/ComponentDetail.vue

@@ -346,7 +346,7 @@
         }
         &.active {
           color: #fc5708;
-          border-bottom: .01rem solid #fc5708;
+          border-bottom: .04rem solid #fc5708;
         }
       }
     }
@@ -355,9 +355,9 @@
       margin-top: .2rem;
       .param-item {
         padding: .19rem .4rem;
-        border-bottom: 0.02rem solid #eee;
+        border-bottom: 0.04rem solid #eee;
         &:nth-child(1) {
-          border-top: 0.02rem solid #eee;
+          border-top: 0.04rem solid #eee;
         }
         &:nth-child(even) {
           background: #f9f9f9;

+ 2 - 2
components/mobile/search/MainSearch.vue

@@ -151,7 +151,7 @@
         font-size: .28rem;
         color: #999;
         padding-left: .2rem;
-        border: .01rem solid #fff;
+        border: .04rem solid #fff;
         background: #fff;
         outline: none;
         border-radius: 0;
@@ -186,7 +186,7 @@
         height: 0.7rem;
         line-height: .9rem;
         margin: 0 .45rem;
-        border-bottom: .01rem solid #f1f0f0;
+        border-bottom: .04rem solid #f1f0f0;
         i {
           font-size: .36rem;
           margin-right: .24rem;

+ 2 - 2
components/mobile/store/StoreDetail.vue

@@ -210,7 +210,7 @@
       background: url('/images/mobile/@2x/brand-bg.png') no-repeat;
       background-size: cover;
       .store-logo-box {
-        border: .01rem solid #c7e5fd;
+        border: .04rem solid #c7e5fd;
         border-radius: .1rem;
         height: 2.21rem;
         width: 3.73rem;
@@ -252,7 +252,7 @@
         }
         &.active {
           color: #fc5708;
-          border-bottom: .01rem solid #fc5708;
+          border-bottom: .04rem solid #fc5708;
         }
       }
     }

+ 6 - 6
pages/mobile/search/_keycode.vue

@@ -224,14 +224,14 @@
       }
       span.active{
         color:#3976f4;
-        border-bottom:.02rem solid #3976f4;
+        border-bottom:.04rem solid #3976f4;
       }
     }
 
     .brand-list-content{
       margin:0 auto;
-      border-top:.02rem solid #dedfdf;
-      border-bottom:.02rem solid #dedfdf;
+      border-top:.04rem solid #dedfdf;
+      border-bottom:.04rem solid #dedfdf;
       width:7.1rem;
       min-height:1.51rem;
       overflow: hidden;
@@ -271,7 +271,7 @@
             height: .77rem;
             display: inline-block;
             margin: .1rem 0;
-            border: .02rem solid #53a0f7;
+            border: .04rem solid #53a0f7;
             border-radius: .1rem;
             line-height: .77rem;
             img{
@@ -285,8 +285,8 @@
 
     .detail-brand-content{
       margin:0 auto;
-      border-top:.02rem solid #dedfdf;
-      border-bottom:.02rem solid #dedfdf;
+      border-top:.04rem solid #dedfdf;
+      border-bottom:.04rem solid #dedfdf;
       width:7.1rem;
       height:3.02rem;
       padding-top:.18rem;