调整

src/views/homepage/index.vue

@@ -129,7 +129,7 @@
             <div class="toplist-title">产品TOP8</div>
             <ul class="contact-list">
               <li v-for="(item, index) in topProducts" :key="'tp_'+index" class="contact-item">
-                <img src="@/assets/home_images/to_like_a.png">
+                <img src="@/assets/home_images/to_like_h.png" style="top:10px">
                 <span class="touch" @click="goToDetails(item, '/product/details')">{{ item.name }}</span>
               </li>
             </ul>
@@ -611,14 +611,19 @@ export default {
       height: 440px;
       overflow: hidden;
       .contact-item {
+        position: relative;
         display: inherit;
-        padding: 10px 20px;
+        padding: 10px 30px;
         overflow:hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
         -o-text-overflow:ellipsis;
+        img {
+          position: absolute;
+          top: 8px;
+        }
         span {
-          padding: 0 15px;
+          padding-left: 40px;
         }
         span:hover {
           font-weight: 600;

src/views/homepage/supplier/details.vue

@@ -59,7 +59,7 @@
           <div class="textarea-box">
             <p>&#12288;&#12288;{{ supplierObj.enterpriseIntroduction }}</p>
           </div>
-          <div class="line-btn" style="padding-top: 42px;">
+          <div class="line-btn" style="padding: 42px 0;">
             <div class="btn-o" style="padding: 15px" @click="inquiry(supplierObj, 'supplier')">马上沟通</div>
           </div>
         </div>

src/views/homepage/supplier/index.vue

@@ -66,13 +66,15 @@
           <div class="supplier_card" style="position: relative;">
             <div class="sup_btn touch" style="position: absolute;top: 15px;right: 30px" @click="goToDetails(item, '/supplier/details')">查看产品</div>
             <div class="sup_btn touch" style="position: absolute;top: 60px;right: 30px;background: transparent;color: #FB7B09" @click="inquiry(item, 'supplier')">留言咨询</div>
-            <div class="sup_title touch" @click="goToDetails(item, '/supplier/details')">
-              {{ item.name }}
+            <div class="sup_title">
+              <span class="touch" @click="goToDetails(item, '/supplier/details')">{{ item.name }}</span>
               <img v-if="item.isGood" src="@/assets/home_images/diamond.png" title="推荐" style="position:relative;top:4px;">
             </div>
             <div class="sup_area">
-              <img src="@/assets/home_images/locate.png" style="position:relative;top:4px;">
-              {{ item.area }}
+              <img src="@/assets/home_images/locate.png">
+              <span>{{ item.area }}</span>
+              <img v-if="item.isStore" class="touch" src="@/assets/home_images/to_like_h.png" title="点击取消收藏" style="right:-12px;top:7px" @click="storeShowcase(item, 'supplier')">
+              <img v-else class="touch" src="@/assets/home_images/to_like.png" title="点击收藏" style="right:-12px;top:7px" @click="storeShowcase(item, 'supplier')">
             </div>
             <div style="margin: 25px 40px">
               <div class="block-c">
@@ -154,6 +156,7 @@ export default {
       supplierList: [
         {
           isGood: true,
+          isStore: true,
           name: '佛山英沃传感器科技有限公司',
           area: '江苏省淮安市',
           createTime: '2023 01-01 ',
@@ -166,7 +169,8 @@ export default {
             { name: '3GDN M30百流三线防 爆电感式接近传感', imgSrc: '' }
           ]
         }, {
-          isGood: true,
+          isGood: false,
+          isStore: false,
           name: '佛山英沃传感器科技有限公司',
           area: '江苏省淮安市',
           createTime: '2023 01-01 ',
@@ -180,6 +184,7 @@ export default {
           ]
         }, {
           isGood: true,
+          isStore: false,
           name: '佛山英沃传感器科技有限公司',
           area: '江苏省淮安市',
           createTime: '2023 01-01 ',
@@ -227,6 +232,14 @@ export default {
         this.$router.push({ path: `${path}` })
       }
     },
+    // 点击收藏
+    storeShowcase(item, type) {
+      item.isStore = !item.isStore
+      this.$message.warning({
+        message: `您${item.isStore ? '' : '已取消'}收藏了该产品！`
+      })
+      console.log(item, type)
+    },
     pageChange(e) {
       this.page = e
       this.loadData()
@@ -356,14 +369,18 @@ export default {
       color: #1961C5;
       font-size: 26px;
       line-height: 34px;
-    }
-    .sup_title:hover {
-      font-weight: bolder;
+      span:hover {
+        font-weight: bolder;
+      }
     }
     .sup_area {
       padding: 10px 0;
       color: #666666;
       font-size: 18px;
+      img {
+        position:relative;
+        top:4px;
+      }
     }
     .block-c {
       display: inline-block;