店铺样式调整

components/brandCenter/BrandIndex.vue

@@ -282,7 +282,7 @@
         height: 862px;
         background-color: #ffffff;
         border-radius: 5px;
-        border: solid 1px #d2d2d2;
+        /*border: solid 1px #d2d2d2;*/
       }
       .recommend-head {
         padding-left: 10px;
@@ -361,8 +361,9 @@
         margin-top: 20px;
         width: 220px;
         height: 229px;
-        border-radius: 4px;
-        border: solid 1px rgba(210, 210, 210, 0.8);
+        border-radius: 5px;
+        background: #fff;
+        /*border: solid 1px rgba(210, 210, 210, 0.8);*/
         .item {
           overflow: hidden;
           margin-bottom: 22px;
@@ -399,6 +400,7 @@
       width: 955px;
       height: 34px;
       border-radius: 5px;
+      background: #fff;
       border: solid 1px #e5e5e5;
       .brand-index-group {
         float: left;
@@ -446,7 +448,8 @@
         height: 34px;
         line-height: 34px;
         position: relative;
-        overflow: hidden;
+        /*overflow: hidden;*/
+        background: #fff;
         border-bottom: solid 1px #e5e5e5;
         span.search-index-show {
           float: left;
@@ -463,7 +466,7 @@
          span {
             font-size: 14px;
             color: #333;
-            margin-bottom: 20px;
+            /*margin-bottom: 20px;*/
             .active-index {
               font-size: 16px;
               color: #3c7cf5;
@@ -480,8 +483,8 @@
         }
         .filter-area {
           float: right;
-          height: 50px;
-          line-height: 50px;
+          /*height: 50px;*/
+          /*line-height: 50px;*/
           margin-right: 9px;
           position: relative;
           input {
@@ -495,11 +498,11 @@
             padding-right: 32px;
             position: absolute;
             right: 150px;
-            top: 0px;
+            top: 2px;
           }
           b.search-btn {
             position: absolute;
-            top: 0px;
+            top: 2px;
             right: 150px;
             width: 69px;
             height: 28px;
@@ -508,7 +511,8 @@
             font-size: 14px;
             color: #fff;
             background-color: #2496f1;
-            border-radius: 5px;
+            border-top-right-radius: 5px;
+            border-bottom-right-radius: 5px;
           }
           span {
             height: 28px;
@@ -516,6 +520,7 @@
             float:left;
             margin-left: 47px;
             color: #666;
+            margin-top: 5px;
             a {
               width: 30px;
               height: 22px;
@@ -537,13 +542,11 @@
             position: absolute;
             z-index: 1;
             right: 150px;
-            top: 41px;
+            top: 29px;
             border: 1px solid #c9c9c9;
             text-align: left;
-            width: 318px;
+            width: 258px;
             background: #fff;
-            /*max-height: 150px;*/
-            /*overflow-y: auto;*/
             li {
               padding: 0 11px;
               height: 30px;
@@ -558,11 +561,15 @@
       }
       .brand-list-items {
         padding-top: 20px;
+        padding-left: 20px;
         background-size: cover;
         padding-bottom: 20px;
         position: relative;
         height: 1034px;
+        background: #fff;
         border-bottom: 1px solid #dcdcdc;
+        border-bottom-left-radius: 5px;
+        border-bottom-right-radius: 5px;
         .search-modal-wrap {
           background: rgba(255, 255, 255, 0.3);
           position: absolute;

components/brandCenter/RecommendBrand.vue

@@ -134,7 +134,7 @@
   .recommend-brand {
     width: 1190px;
     margin: 0 auto;
-    margin-top: 20px;
+    padding-top: 20px;
     .brand-content{
       overflow: hidden;
       .brand-index-tab {
@@ -144,7 +144,7 @@
         height: 400px;
         background-color: #ffffff;
         border-radius: 5px;
-        border: solid 1px #d2d2d2;
+        /*border: solid 1px #d2d2d2;*/
         .index-head {
           padding-left: 10px;
           width: 220px;
@@ -208,7 +208,8 @@
           img {
             width: 955px;
             height: 400px;
-            border: 1px solid #ccc;
+            /*border: 1px solid #ccc;*/
+            border-radius: 5px;
           }
         }
         .swiper-button-prev i, .swiper-button-next i {

components/provider/RecommendStore.vue

@@ -45,7 +45,7 @@ export default {
       min-height: 400px;
       display: inline-block;
       float: left;
-      border: 1px solid #D6D3CE;
+      border-radius: 5px;
     }
 
     /*.carousel_670 {*/

components/provider/Suppliers.vue

@@ -137,6 +137,7 @@ export default {
 		width: 955px;
     height: 1213px;
     background: #fff;
+    border-radius: 5px;
     table{
       table-layout: fixed;
       width: 955px;

pages/product/brand/brandList/_initial.vue

@@ -28,6 +28,7 @@
 </script>
 <style lang="scss">
   #brand-center {
+    background: #f2f1f1;
     .search-box {
       background-size: auto!important;
       background-position: 54% 0!important;

pages/product/brand_new/brandList/_initial.vue

@@ -50,6 +50,7 @@
     /*font-weight: bold;*/
   /*}*/
   #brand-center {
+  background: #f2f1f1;
     .search-box {
       background-size: auto!important;
       background-position: 54% 0!important;

pages/provider/shop.vue

@@ -38,6 +38,6 @@ export default {
 </script>
 <style scoped lang="scss">
   div{
-    background: #efefef;
+    background: #f2f1f1;
   }
 </style>