幸运购自定义模块单行滑动下商品已抢光情况判断显示

taiyuan
1 parent dfdbbdaf
Showing 3 changed files with 22 additions and 3 deletions
components/diy_luckyGo/diy_luckyGo.js
components/diy_luckyGo/diy_luckyGo.wxml
components/diy_luckyGo/diy_luckyGo.wxss
@@ -224,7 +224,14 @@ Component({
     go: function (e) {
       let url = e.currentTarget.dataset.url;
 			getApp().goto(url);
-    }
+    },
+		
+		alert: function() {
+			wx.showToast({
+				title: '本活动商品已抢光！',
+				icon: 'none',
+			})
+		},
   },
  
  
@@ -16,9 +16,9 @@
 				<swiper-item class="s_it" wx:for="{{goods_array}}">
 					<block wx:for="{{item}}" wx:for-item="aitem" wx:for-index="aind">
 						<navigator url="{{aitem.actLen == 0 ? '':('/packageC/pages/luckyGo/luckyGo_goodsInfo/luckyGo_goodsInfo?goods_id=' + aitem.goods_id + '&prom_type=9&group_id=' + aitem.id)}}"
-						 class="pd20 nav" hover-class="none">
+						 class="pd20 nav" hover-class="none" bindtap="{{aitem.actLen == 0 ? 'alert':''}}">
 							<view class="">
-								<view class="img-container row" data-content="{{aitem.group_num}}人团">
+								<view class="img-container row {{aitem.actLen == 0 ? 'active':''}}" data-content="{{aitem.group_num}}人团">
 									<image class="img-block" src="{{imghost + aitem.original_img}}" data-val="{{aitem.original_img}}"
 									 data-errorimg="goods_array[{{index}}][{{aind}}].original_img" binderror="bind_bnerr3" lazy-load="true"
 									 lazy-load="true"></image>
@@ -134,4 +134,16 @@ swiper {
  
 .btn.gray {
 	background-color: #ccc;
+}
+
+.img-container.active::after {
+	content: '已抢光';
+	position: absolute;
+	font-size: 24rpx;
+	color: white;
+	bottom: 0;
+	left: 0;
+	width: 100%;
+	text-align: center;
+	background-color: rgba(0,0,0,.4);
 }
 \ No newline at end of file