首页

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,88 +21,92 @@
     <div class="content-box">
       <div class="showcase">
         <!--产品展柜-->
-        <div v-for="(item,index) in showcaseProducts" :key="'p_'+index" class="box-card" style="padding-top: 20px;">
-          <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
-            :src="item.imgSrc?imgSrcStart+'/img'+item.imgSrc:defaultImgProduct"
-            :preview-src-list="item.imgSrcList.length?item.imgSrcList:[defaultImgProduct]"
-            style="width:284px;height: 284px;margin: 0 32px 4px"
-          >
-            <div slot="placeholder" class="image-slot">加载中<span class="dot">...</span></div>
-          </el-image>
-          <el-row>
-            <el-col :span="21">
-              <div class="title touch" :title="item.title" @click="goToDetails(item, 'product')">{{ item.title }}</div>
-            </el-col>
-            <el-col :span="3">
-              <img v-if="item.isStore" class="touch" src="@/assets/home_images/to_like_h.png" @click="storeShowcase(item, 'product')">
-              <img v-else class="touch" src="@/assets/home_images/to_like.png" @click="storeShowcase(item, 'product')">
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <div class="subTitle" :title="item.subTitle">{{ item.subTitle }}</div>
-            </el-col>
-          </el-row>
-          <el-row style="margin-top: 6px">
-            <el-col :span="3" style="padding-left: 20px">
-              <img src="@/assets/home_images/locate.png">
-            </el-col>
-            <el-col :span="13">
-              <div class="area">{{ item.area }}</div>
-            </el-col>
-            <el-col :span="8">
-              <div class="date">{{ item.date }}</div>
-            </el-col>
-          </el-row>
-          <div class="line-btn" style="margin-top: 4px">
-            <div class="btn-o" style="width: 150px;border-radius: 10px;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);font-size:20px;" @click="inquiry(item, 'product')">询 价</div>
+        <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
+              :src="item.imgSrc?imgSrcStart+'/img'+item.imgSrc:defaultImgProduct"
+              :preview-src-list="item.imgSrcList.length?item.imgSrcList:[defaultImgProduct]"
+              style="width:284px;height: 284px;margin: 0 32px 4px"
+            >
+              <div slot="placeholder" class="image-slot">加载中<span class="dot">...</span></div>
+            </el-image>
+            <el-row>
+              <el-col :span="21">
+                <div class="title touch" :title="item.title" @click="goToDetails(item, 'product')">{{ item.title }}</div>
+              </el-col>
+              <el-col :span="3">
+                <img v-if="item.isStore" class="touch" src="@/assets/home_images/to_like_h.png" @click="storeShowcase(item, 'product')">
+                <img v-else class="touch" src="@/assets/home_images/to_like.png" @click="storeShowcase(item, 'product')">
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <div class="subTitle" :title="item.subTitle">{{ item.subTitle }}</div>
+              </el-col>
+            </el-row>
+            <el-row style="margin-top: 6px">
+              <el-col :span="3" style="padding-left: 20px">
+                <img src="@/assets/home_images/locate.png">
+              </el-col>
+              <el-col :span="13">
+                <div class="area">{{ item.area }}</div>
+              </el-col>
+              <el-col :span="8">
+                <div class="date">{{ item.date }}</div>
+              </el-col>
+            </el-row>
+            <div class="line-btn" style="margin-top: 4px">
+              <div class="btn-o" style="width: 150px;border-radius: 10px;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);font-size:20px;" @click="inquiry(item, 'product')">询 价</div>
+            </div>
           </div>
+          <div style="padding: 15px 50px;text-align: right"><span class="more touch" title="点击查看更多..." @click="moreTo('product')">更多产品>></span></div>
         </div>
-        <div style="padding: 15px 50px;text-align: right"><span class="more touch" title="点击查看更多..." @click="moreTo('product')">更多产品>></span></div>
         <!--供应商展柜-->
         <div class="line-title"><div class="title-point" /><span class="title-text">供应商</span><div class="title-line" /></div>
-        <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">
-          <el-image
-            :src="item.imgSrc?imgSrcStart+'/img'+item.imgSrc:defaultImgProduct"
-            :preview-src-list="item.imgSrcList.length?item.imgSrcList:[defaultImgProduct]"
-            style="width:284px;height: 284px;margin: 0 32px 4px"
-          >
-            <div slot="placeholder" class="image-slot">加载中<span class="dot">...</span></div>
-          </el-image>
-          <el-row>
-            <el-col :span="21">
-              <div class="title touch" :title="item.title" @click="goToDetails(item, 'supplier')">{{ item.title }}</div>
-            </el-col>
-            <el-col :span="3">
-              <img v-if="item.isStore" class="touch" src="@/assets/home_images/to_like_h.png" @click="storeShowcase(item, 'supplier')">
-              <img v-else class="touch" src="@/assets/home_images/to_like.png" @click="storeShowcase(item, 'supplier')">
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <div class="subTitle" :title="item.subTitle">TEL：{{ item.subTitle }}</div>
-            </el-col>
-          </el-row>
-          <el-row style="margin-top: 6px">
-            <el-col :span="3" style="padding-left: 20px">
-              <img src="@/assets/home_images/locate.png">
-            </el-col>
-            <el-col :span="13">
-              <div class="area">{{ item.area }}</div>
-            </el-col>
-            <el-col :span="8">
-              <div class="date">{{ item.date }}</div>
-            </el-col>
-          </el-row>
-          <div class="line-btn" style="margin-top: 4px">
-            <div class="btn-o" style="width: 150px;border-radius: 10px;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);font-size:20px;" @click="inquiry(item, 'supplier')">询 价</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">
+            <el-image
+              :src="item.imgSrc?imgSrcStart+'/img'+item.imgSrc:defaultImgProduct"
+              :preview-src-list="item.imgSrcList.length?item.imgSrcList:[defaultImgProduct]"
+              style="width:284px;height: 284px;margin: 0 32px 4px"
+            >
+              <div slot="placeholder" class="image-slot">加载中<span class="dot">...</span></div>
+            </el-image>
+            <el-row>
+              <el-col :span="21">
+                <div class="title touch" :title="item.title" @click="goToDetails(item, 'supplier')">{{ item.title }}</div>
+              </el-col>
+              <el-col :span="3">
+                <img v-if="item.isStore" class="touch" src="@/assets/home_images/to_like_h.png" @click="storeShowcase(item, 'supplier')">
+                <img v-else class="touch" src="@/assets/home_images/to_like.png" @click="storeShowcase(item, 'supplier')">
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <div class="subTitle" :title="item.subTitle">TEL：{{ item.subTitle }}</div>
+              </el-col>
+            </el-row>
+            <el-row style="margin-top: 6px">
+              <el-col :span="3" style="padding-left: 20px">
+                <img src="@/assets/home_images/locate.png">
+              </el-col>
+              <el-col :span="13">
+                <div class="area">{{ item.area }}</div>
+              </el-col>
+              <el-col :span="8">
+                <div class="date">{{ item.date }}</div>
+              </el-col>
+            </el-row>
+            <div class="line-btn" style="margin-top: 4px">
+              <div class="btn-o" style="width: 150px;border-radius: 10px;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);font-size:20px;" @click="inquiry(item, 'supplier')">询 价</div>
+            </div>
           </div>
+          <div style="padding: 15px 50px;text-align: right"><span class="more touch" title="点击查看更多..." @click="moreTo('supplier')">更多供应商>></span></div>
         </div>
-        <div style="padding: 15px 50px;text-align: right"><span class="more touch" title="点击查看更多..." @click="moreTo('supplier')">更多供应商>></span></div>
         <!--热门排行榜-->
         <div class="line-title"><div class="title-point" /><span class="title-text">热门排行榜</span></div>
         <el-row :gutter="20" style="padding-top: 20px">