首页

src/views/homepage/components/userLogin.vue

@@ -35,4 +35,7 @@ export default {
   cursor:pointer;
   user-select: none;
 }
+.user-login-box:hover {
+  opacity: 0.85;
+}
 </style>

src/views/homepage/index.vue

@@ -21,7 +21,8 @@
     <div class="content-box">
       <div class="showcase">
         <!--产品展柜-->
-        <div v-for="(item,index) in showcaseProducts" :key="'p_'+index" class="box-card" style="padding-top: 20px;">
+        <div style="padding-top: 20px">
+          <div v-for="(item,index) in showcaseProducts" :key="'p_'+index" class="box-card">
             <img v-if="item.isGood" src="@/assets/home_images/recommend.png" class="stamp" title="推荐" style="top: 10px;right: 8px">
             <img v-if="item.isHot" src="@/assets/home_images/hot.png" class="stamp" title="热门" style="top: 0;left: 0">
             <el-image
@@ -61,8 +62,10 @@
             </div>
           </div>
           <div style="padding: 15px 50px;text-align: right"><span class="more touch" title="点击查看更多..." @click="moreTo('product')">更多产品>></span></div>
+        </div>
         <!--供应商展柜-->
         <div class="line-title"><div class="title-point" /><span class="title-text">供应商</span><div class="title-line" /></div>
+        <div style="padding-top: 20px">
           <div v-for="(item,index) in showcaseSuppliers" :key="'s_'+index" class="box-card" style="padding-top: 20px;">
             <img v-if="item.isGood" src="@/assets/home_images/diamond.png" class="stamp" title="推荐" style="top: 10px;right: 8px">
             <img v-if="item.isHot" src="@/assets/home_images/hot.png" class="stamp" title="热门" style="top: 0;left: 0">
@@ -103,6 +106,7 @@
             </div>
           </div>
           <div style="padding: 15px 50px;text-align: right"><span class="more touch" title="点击查看更多..." @click="moreTo('supplier')">更多供应商>></span></div>
+        </div>
         <!--热门排行榜-->
         <div class="line-title"><div class="title-point" /><span class="title-text">热门排行榜</span></div>
         <el-row :gutter="20" style="padding-top: 20px">