wxml
<!--优惠券——开始-->
<view class='MK_youhui'>
<view class='MK_youhuibt'>领券再购 千券放送</view>
<scroll-view style=" white-space: nowrap; display: flex" class='MK_youhui_jue' scroll-left="{{scrollLeft}}" scroll-x="true">
<view wx:for="{{MK_youhui}}" wx:key="unique" data-Aid="{{item.Aid}}" bindtap='lingjue' class='a1'>
<image src='../../images/MK_youhui01.jpg'></image>
<view class='MK_youhui_juenr'>
<view>{{item.Qmoney}}</view>
<view>元</view>
<view>满{{item.QxzMoney}}使用</view>
</view>
</view>
<view class='zwsj' style="display:{{MK_youhui==0?'block':'none'}}">暂无优惠券</view>
</scroll-view>
</view>
<!--优惠券——结束-->
js
//优惠券
yhj:function(){
var that=this;
wx.request({
url: '' + app.information.host + '/api/json/vouchers/vouchers.ashx?action=coupon&companyid=' + app.information.companyid,
header: {
'content-type': 'application/json'
},
//请求后台数据成功
success: function (res) {
if(res.data.status==1){
that.setData({
MK_youhui: res.data.list
})
}else{
that.setData({
MK_youhui: 0
})
}
}
});
},
//领取优惠券
lingjue: function (e) {
var utilMd5 = require('../../utils/util.js');
var that = this;
var timestamp = Date.parse(new Date());
timestamp = timestamp / 1000;
var password = utilMd5.hexMD5(app.information.code + timestamp);
wx.request({
url: '' + app.information.host + '/api/json/vouchers/vouchers.ashx?action=couponobtain&companyid=' + app.information.companyid + '&code=' + password + '×tamp=' + timestamp + '&aid=' + e.currentTarget.dataset.aid,
header: {
'content-type': 'application/json',
"cookie": app.information.cookie.replace(/path=\/,/g, "").replace(/path=\/;/g, "").replace(/path=\//g, "").replace(/HttpOnly,/g, "")
},
//请求后台数据成功
success: function (res) {
wx.showToast({
// 提示内容
title: res.data.returnMsg,
icon: "none",
duration: 2000,
mask: false,
})
}
});
},
wxss
/*优惠券*/
.MK_youhui{width: 92%;padding: 2.67vw 4% 0; background: #fff;overflow: hidden;}
.MK_youhuibt{font-size: 5.3vw;color: #333333;text-align: center;font-weight: 600;margin-bottom: 5.33vw;}
.MK_youhuixbt{margin: 1.8vw 0 5.6vw;text-align: center;color: #e60033;font-size: 3.2vw;}
.MK_youhui_jue{width: 92vw;height:40vw; margin: 0 0 10vw;display: flex;justify-content: space-between;}
.MK_youhui_jue .a1{display:inline-block;margin-right: 2vw}
.MK_youhui_jue .a1:last-child{margin-right: 0;}
.MK_youhui_jue image{width: 29.33vw;height: 40vw;display: block;float:left; position: relative;z-index: 1;left: 0;top: 0;}
.MK_youhui_juenr{width: 29.33vw;height: 40vw;position: relative;z-index: 2;left: 0;top: 0vw;}
.MK_youhui_juetop{font-weight: 600}
.MK_youhui_juenr>view:nth-child(1){position:absolute;color:#fff;font-size:11.67vw;left:5vw;top:6.1vw;width:15vw;text-align:center;}
.MK_youhui_juenr>view:nth-child(2){position:absolute;color:#fff;font-size:4.27vw;left:19vw;top:13vw;}
.MK_youhui_juenr>view:nth-child(3){position:absolute;color:#fff;font-size:4vw;left:6vw;top:21vw;font-weight:600;}
.MK_youhui_juebottom{position: absolute;color: #FAC253;font-size:3vw;left:7vw;top:15vw;font-weight: 600;width: 30vw;height: 3.5vw;text-align: center;line-height:3.5vw;background: #fff}
.MK_youhui_jue>view:nth-child(2n) .MK_youhui_juebottom{color: #F9754F;}
