From 340cbded3ae8821b95b61cb1895dc48e99082088 Mon Sep 17 00:00:00 2001 From: taiyuan Date: Tue, 7 Dec 2021 10:27:30 +0800 Subject: [PATCH] 幸运购自定义模块单行滑动下商品已抢光情况判断显示 --- components/diy_luckyGo/diy_luckyGo.js | 9 ++++++++- components/diy_luckyGo/diy_luckyGo.wxml | 4 ++-- components/diy_luckyGo/diy_luckyGo.wxss | 12 ++++++++++++ 3 files changed, 22 insertions(+), 3 deletions(-) diff --git a/components/diy_luckyGo/diy_luckyGo.js b/components/diy_luckyGo/diy_luckyGo.js index 0d6a208..5fac147 100644 --- a/components/diy_luckyGo/diy_luckyGo.js +++ b/components/diy_luckyGo/diy_luckyGo.js @@ -224,7 +224,14 @@ Component({ go: function (e) { let url = e.currentTarget.dataset.url; getApp().goto(url); - } + }, + + alert: function() { + wx.showToast({ + title: '本活动商品已抢光!', + icon: 'none', + }) + }, }, diff --git a/components/diy_luckyGo/diy_luckyGo.wxml b/components/diy_luckyGo/diy_luckyGo.wxml index 329d211..5fba46f 100644 --- a/components/diy_luckyGo/diy_luckyGo.wxml +++ b/components/diy_luckyGo/diy_luckyGo.wxml @@ -16,9 +16,9 @@ + class="pd20 nav" hover-class="none" bindtap="{{aitem.actLen == 0 ? 'alert':''}}"> - + diff --git a/components/diy_luckyGo/diy_luckyGo.wxss b/components/diy_luckyGo/diy_luckyGo.wxss index eb3a155..21c614c 100644 --- a/components/diy_luckyGo/diy_luckyGo.wxss +++ b/components/diy_luckyGo/diy_luckyGo.wxss @@ -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 -- libgit2 0.21.4