积分商城实物商品新增积分+现金的tip标签

zhiyangdu
1 parent 66f9bc45
Showing 4 changed files with 27 additions and 11 deletions
src/components/columnListBox/columnListBox.vue
src/components/goodsItem_7/goodsItem_7.less
src/components/goodsItem_7/goodsItem_7.vue
src/pages/pointsMall/pointsMall.vue
@@ -10,7 +10,7 @@
 				<div class="item-box" v-if="!(index % 2)" v-for="(item, index) in lists.list || lists" :key="index">
 					<!-- 商品组件 -->
-					<goods-item-7 v-if="com == '7'" @jump="jump" @primary="primary"
+					<goods-item-7 v-if="com == '7'" :goodType="goodType" @jump="jump" @primary="primary"
 						:item="item">
 					</goods-item-7>
 				</div>
@@ -23,7 +23,7 @@
 				<div class="item-box" v-if="index % 2" v-for="(item, index) in lists.list || lists" :key="index">
 					<!-- 商品组件 -->
-					<goods-item-7 v-if="com == '7'" @jump="jump" @primary="primary"
+					<goods-item-7 v-if="com == '7'" :goodType="goodType" @jump="jump" @primary="primary"
 						:item="item">
 					</goods-item-7>
 				</div>
@@ -43,7 +43,7 @@
 			};
 		},
-		props: ["lists", "com"],
+		props: ["lists", "com", "goodType"],
 		components: {
 			goodsItem7
         },
@@ -41,6 +41,20 @@
                 left: 0;
                 bottom: 0;
             }
+            // 积分 + 现金标示
+            .goods_tip{
+              position: absolute;
+              left: 14px;
+              top: 14px;
+              padding: 3px 8px;
+              background: linear-gradient(90deg, #F9EE7A 0%, #FAD844 100%);
+              border-radius: 7px;
+              height: 30px;
+              font-size: 22px;
+              font-weight: 400;
+              color: #945A08;
+              line-height: 30px;
+            }
         }
 		.content-box {
 			margin: 0 auto;
@@ -3,11 +3,13 @@
 		<div class="item">
 			<div class="img-box">
 				<img v-lazy="item.simg + SIGN.MIDDLE" class="img" />
-
-                <!-- 补货中按钮 -->
-                <div v-if="item.stock == 0" class="goods_active">
-                    已售罄
-                </div>
+        <!-- 补货中按钮 -->
+        <div v-if="item.stock && item.stock == 0" class="goods_active">
+            已售罄
+        </div>
+        <div v-if="goodType == 1" class="goods_tip">
+          积分+现金
+        </div>
 			</div>
 			<div class="content-box">
 				<div class="title">{{item.title}}</div>
@@ -43,7 +45,7 @@ export default {
         }
     },
-    props: ["item"],
+    props: ["item","goodType"],
     computed: {
         /**
@@ -72,10 +72,10 @@
                 <div class="item">热门商品 精品推荐</div>
               </div>
               <!-- 实物商品裂变 -->
-              <!-- 商品样式 7 列表 -->
+              <!-- 商品样式 7 列表 goodType=1为积分商城实物商品-->
               <column-list-box class="column-list-box" v-if="phyicalGoods && phyicalGoods.list && phyicalGoods.list.length" @jump="toDetail" 
                   :lists="phyicalGoods"
-                  com="7">
+                  com="7" goodType="1">
               </column-list-box>
             </div>