Browse Source

don't show icon in product page card

fengchang 1 year ago
parent
commit
1f15e4aa5f

+ 2 - 1
hichina-main-front/src/views/home/components/OtherProductItem.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="item" :class="{'float-item': float}" style="cursor: pointer;position: relative;" @click="goPage('/product-detail/'+productSummary.skuGroupId)">
     <v-lazy-image class="logo" :src="productSummary.imageUrl" src-placeholder="https://photoprism.hichinatravel.com/api/v1/t/2bfc32550ae040956f7e861566d26c487c0143e7/32mcf2k4/tile_224" alt="" />
-    <div class="overlay">
+    <div class="overlay" v-if="showIcon">
       <el-icon size="24">
         <svg-icon icon-class="money" color="#FFF033"/>
       </el-icon>
@@ -17,6 +17,7 @@
   import router from "../../../router";
   const props = defineProps({
     float: Boolean,
+    showIcon: Boolean,
     productSummary: {
       type: Object
     }

+ 1 - 1
hichina-main-front/src/views/home/index.vue

@@ -63,7 +63,7 @@
         <p class="video-info">From Blog Title My 30 days of Going to Tibet</p>
       </div>
       <blog-item class="product-item" :blog="item.value" v-if="item.type==='blog'" float/>
-      <other-product-item :productSummary="item.value" class="other-item" v-if="item.type === 'product'" float/>
+      <other-product-item :productSummary="item.value" :showIcon="true" class="other-item" v-if="item.type === 'product'" float/>
       <special-product-item class="scale-item" :special="item.value" v-if="item.type==='scaleblog'" float/>
     </template>
   </div>

+ 1 - 1
hichina-main-front/src/views/product/index.vue

@@ -60,7 +60,7 @@
     </p>
 
     <div class="list flex-start mt-34">
-      <other-product-item class="list-item" :product-summary="item" v-for="(item,index) in globalProductList" v-bind:key="index" :class="{'no-mar': (index+1) % 4 === 0}"/>
+      <other-product-item class="list-item" :product-summary="item" :show-icon="false" v-for="(item,index) in globalProductList" v-bind:key="index" :class="{'no-mar': (index+1) % 4 === 0}"/>
     </div>
     <div style="width: 100%;">
       <el-button type="primary" plain class="get-more mt-100" @click="loadMore" style="cursor: pointer;">Click to load more</el-button>