新版首页

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

@@ -503,7 +503,7 @@
     width: 100%;
     height: 15vw;
     display: flex;
-    justify-content: space-between;
+    justify-content: flex-start;
     align-items: center;
     margin: 2vw 0 3vw 0;
     box-sizing: border-box;

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

@@ -1048,7 +1048,7 @@ li{list-style:none;}
     width: 100%;
     height: 88px;
     display: flex;
-    justify-content: space-between;
+    justify-content: flex-start;
     align-items: center;
     margin: 0 0 15px 0;
     box-sizing: border-box;
@@ -1057,11 +1057,10 @@ li{list-style:none;}
 .section-shop-content .section-shop-main .list-mid-item{
     width: 80px;
     height: 80px;
-    background-color: #e1e1e1;
     border-radius: 4px;
     margin-right: 5px;
     box-sizing: border-box;
-    border: 1px solid #FFFFFF;
+    border: 1px solid #e1e1e1;
 }
 .section-shop-content .section-shop-main .list-mid-item:hover{
     border-color: #e2e4e6;

src/main/resources/templates/index.html

@@ -802,8 +802,7 @@
                                         <div class="list-mid-item" v-for="(pros, prIndex) in sup.products"
                                              :key="prIndex">
                                             <a :href="'/product-'+pros.productId+'.html'">
-                                                <img src="/img/base/placeholder.png" :data-original="pros.mainImage"
-                                                     :alt="pros.name">
+                                                <img :src="pros.mainImage" :alt="pros.name">
                                             </a>
                                         </div>
                                     </div>