新版首页

src/main/resources/static/css/index/index-h5.css

@@ -387,7 +387,7 @@
 /*优质供应商*/
 .section-shop-content{
     width: 100%;
-    height: 80vw;
+    height: 140vw;
     box-sizing: border-box;
     padding:0 3vw;
     background-color: #FFFFFF;
@@ -416,29 +416,34 @@
 }
 .section-shop-content .section-shop-main{
     width: 100%;
-    height: 69vw;
+    height: 124vw;
     box-sizing: border-box;
     padding: 3vw 0;
 }
+.section-shop-content .section-shop-main .el-carousel__container{
+    height: 124vw !important;
+}
 .section-shop-content .section-shop-main .supplier-list{
     padding: 0;
     width: 100%;
     height: 100%;
     display: flex;
+    justify-content: flex-start;
+    flex-wrap: wrap;
 }
 .section-shop-content .section-shop-main .supplier-list-item{
     display: flex;
-    width: 45.6vw;
+    width: 45.5vw;
     height: 60vw;
     flex-direction: column;
     align-items: center;
     border-radius: 3vw;
-    margin: 0 3vw 0 0;
+    margin: 0 3vw 3vw 0;
     box-sizing: border-box;
     padding: 3vw 0;
-    border: 1px solid #f1f1f1;
+    background-color: #F7F7F7;
 }
-.section-shop-content .section-shop-main .supplier-list-item:last-child{
+.section-shop-content .section-shop-main .supplier-list-item:nth-child(2n){
     margin-right: 0;
 }
 .section-shop-content .section-shop-main .supplier-list-top{
@@ -448,14 +453,17 @@
     align-items: center;
 }
 .section-shop-content .section-shop-main .supplier-top-logo{
-    width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
+    width: 24.6vw;
+    height: 12.4vw;
+    background-color: #ffffff;
+    border-radius: 1vw;
 }
 .section-shop-content .section-shop-main .supplier-top-logo img{
-    width: 15vw;
-    height: 15vw;
+    width: 24.6vw;
+    height: 12.4vw;
     display: block;
     border-radius: 2vw;
     overflow: hidden;
@@ -475,20 +483,19 @@
     align-items: center;
     margin: 2vw 0 3vw 0;
     box-sizing: border-box;
-    padding: 0 1vw;
+    padding: 1vw;
 }
 .section-shop-content .section-shop-main .list-mid-item{
-    width: 15vw;
-    height: 13vw;
-    background-color: #999999;
+    width: 12.5vw;
+    height: 12.5vw;
     border-radius: 2vw;
     margin-right: 1vw;
 }
 .section-shop-content .section-shop-main .list-mid-item a,
 .section-shop-content .section-shop-main .list-mid-item img{
-    width: 15vw;
-    height: 13vw;
-    border-radius: 2vw;
+    width: 12.5vw;
+    height: 12.5vw;
+    border-radius: 1vw;
     display: block;
 }
 .section-shop-content .section-shop-main .list-mid-item:last-child{

src/main/resources/static/css/index/index-pc.css

@@ -933,7 +933,7 @@ li{list-style:none;}
 /*优质供应商*/
 .section-shop-content{
     width: 100%;
-    height: 344px;
+    height: 358px;
     box-sizing: border-box;
     padding:0 12px;
     background-color: #FFFFFF;
@@ -963,9 +963,9 @@ li{list-style:none;}
 }
 .section-shop-content .section-shop-main{
     width: 100%;
-    height: 288px;
+    height: 300px;
     box-sizing: border-box;
-    padding: 20px 0;
+    padding: 10px 0;
 }
 .section-shop-content .section-shop-main .supplier-list{
     padding: 0;
@@ -976,14 +976,14 @@ li{list-style:none;}
 .section-shop-content .section-shop-main .supplier-list-item{
     display: flex;
     width: 284px;
-    height: 258px;
+    height: 280px;
     flex-direction: column;
     align-items: center;
     border-radius: 8px;
     margin: 0 15px 0 0;
     box-sizing: border-box;
-    padding: 15px 0;
-    border: 1px solid #F1F1F1;
+    padding: 20px 0;
+    background-color: #F7F7F7;
 }
 .section-shop-content .section-shop-main .supplier-list-item:last-child{
     margin-right: 0;
@@ -991,7 +991,7 @@ li{list-style:none;}
 .section-shop-content .section-shop-main .supplier-list-top{
     width: 100%;
     display: flex;
-    justify-content: flex-start;
+    flex-direction: column;
     align-items: center;
     box-sizing: border-box;
     padding: 0 10px;
@@ -1000,13 +1000,15 @@ li{list-style:none;}
     display: flex;
     align-items: center;
     justify-content: center;
+    width: 146px;
+    height: 64px;
     margin-right: 10px;
-    border-radius: 8px;
+    border-radius: 4px;
     overflow: hidden;
 }
 .section-shop-content .section-shop-main .supplier-top-logo img{
-    width: 80px;
-    height: 80px;
+    width: 146px;
+    height: 64px;
     display: block;
 }
 .section-shop-content .section-shop-main .supplier-top-name{
@@ -1022,7 +1024,7 @@ li{list-style:none;}
     display: flex;
     justify-content: space-between;
     align-items: center;
-    margin: 10px 0 15px 0;
+    margin: 0 0 15px 0;
     box-sizing: border-box;
     padding: 0 10px;
 }
@@ -1049,6 +1051,7 @@ li{list-style:none;}
     display: flex;
     justify-content: center;
     align-items: center;
+    margin-top: 10px;
 }
 .section-shop-content .section-shop-main .supplier-list-bot a{
     width: 80px;

src/main/resources/static/js/index.js

@@ -133,11 +133,12 @@ var homeData = new Vue({
                 }
             })
             return newArr
-        },        // 快捷运营列表
+        },
+        // 处理供应商列表
         checkedSupplierList(arr) {
             if (!Array.isArray(arr)) return []
             let newArr = [],a = []
-            let indexNum = isPC ? 4 : 2
+            let indexNum = isPC ? 4 : 4
             arr.map((item, index) => {
                 if (index !== 0 && index % indexNum === 0) {
                     newArr.push(a)

src/main/resources/static/js/product/product-floor.js

@@ -277,6 +277,7 @@ var productList = new Vue({
         const _self = this;
         this.listQuery.zoneId = CAIMEI.getUrlParam('zoneId') ? CAIMEI.getUrlParam('zoneId'):'';
         this.listQuery.typeSort = CAIMEI.getUrlParam('typeSort') ? CAIMEI.getUrlParam('typeSort'):'';
+        this.tabsIndex = this.listQuery.typeSort*1
         if(globalUserData){
             this.userId = 	this.listQuery.userId = globalUserData.userId;
             this.userIdentity = globalUserData.identity;

src/main/resources/templates/index.html

@@ -806,7 +806,7 @@
                                         </div>
                                     </div>
                                     <div class="supplier-list-bot">
-                                        <a :href="sup.link" target="_blank">进店</a>
+                                        <a :href="sup.link" target="_blank">进店 ></a>
                                     </div>
                                 </div>
                             </div>