@@ -229,6 +229,11 @@ Page({ | |||
showPage:true | |||
}) | |||
} | |||
if(res.data.type==7){ | |||
wx.setNavigationBarTitle({ | |||
title: "卡详情" | |||
}) | |||
} | |||
if (res.data.endTime) { | |||
that.countdown(res.data.endTime); | |||
//当前时间与优惠券下架时间做计算 | |||
@@ -29,7 +29,7 @@ | |||
<text>{{sec}}</text> | |||
</view> | |||
</view> | |||
<text class='title'>{{data.title}}</text> | |||
<text class='title'>{{data.title}}<text class="elecard">电子卡</text></text> | |||
<text class="subTitle">{{data.subTitle}}</text> | |||
<view class='salePriceStr clearfix'> | |||
<view class="fl">售价: | |||
@@ -433,4 +433,15 @@ page { | |||
line-height: 95rpx; | |||
color: #333; | |||
text-indent: .5em; | |||
} | |||
.elecard{ | |||
display: inline-block; | |||
margin-left: 6rpx; | |||
color: #00c0ff; | |||
border: 1px solid #00c0ff; | |||
border-radius:8rpx; | |||
font-style: normal; | |||
font-size: 30rpx; | |||
line-height: 50rpx; | |||
padding: 0 6rpx; | |||
} |
@@ -4,23 +4,7 @@ const Http = require("../../utils/HttpBasics"); | |||
let app = getApp(); | |||
Page({ | |||
data: { | |||
tabs: [{ | |||
key: 0, | |||
name: "A卡" | |||
}, | |||
{ | |||
key: 1, | |||
name: "礼品卡" | |||
}, | |||
{ | |||
key: 2, | |||
name: "折扣卡" | |||
}, | |||
{ | |||
key: 3, | |||
name: "D卡" | |||
} | |||
], | |||
tabs: [], | |||
list: [], | |||
current: "0", | |||
current_scroll: "0", | |||
@@ -29,7 +13,7 @@ Page({ | |||
loading: true, //"上拉加载"的变量,默认false,隐藏 | |||
content: "", | |||
mystatus: '', | |||
showPage: false | |||
showPage: false, | |||
}, | |||
onLoad() { | |||
this.getList(0, 1); | |||
@@ -43,33 +27,64 @@ Page({ | |||
wx.hideTabBarRedDot({ | |||
index: 2 | |||
}) | |||
Http.get({ | |||
url: config.api.businessList, | |||
data: { | |||
pageNum: 1, | |||
pageSize: 15, | |||
type: 1 | |||
} | |||
}).then(res => { | |||
console.log(res) | |||
let businessObj = [{ id: 0, title: "全部", type: 1 }]; | |||
that.setData({ | |||
tabs: res.data.list.concat(businessObj).sort(compare("id")) | |||
}); | |||
console.log(that.data.tabs) | |||
}) | |||
.catch(err => { | |||
wx.showToast({ | |||
title: err.errMsg, | |||
icon: 'none', | |||
duration: 2000, | |||
mask: false | |||
}); | |||
}) | |||
}, | |||
//点击跳转到券详情页面 | |||
gotouse: function (e) { | |||
if (this.data.mystatus == '' || this.data.mystatus == 'undefined') { | |||
var mystatus = e.currentTarget.dataset.couponorderstatus; | |||
} else { | |||
var mystatus = this.data.mystatus; | |||
} | |||
console.log(e.currentTarget.dataset.couponid) | |||
wx.navigateTo({ | |||
url: `/pages/cardListDetail/cardListDetail?quancode=${ | |||
e.currentTarget.dataset.quancode}&couponorderstatus=${mystatus}` | |||
url: `/pages/coupon/detail/index?couponChannelId=${e.currentTarget.dataset.quancode}&couponId=${e.currentTarget.dataset.couponid}` | |||
}); | |||
}, | |||
getList(key, pageNum) { | |||
var that = this; | |||
// 根据 key == 0 区分全部或其它tab,决定是否传参数 business | |||
if (key == 0) { | |||
var param = { | |||
pageNum: pageNum, | |||
pageSize: 6, | |||
targetAd: 1, | |||
type: "7" | |||
}; | |||
} else { | |||
var param = { | |||
pageNum: pageNum, | |||
pageSize: 6, | |||
business: key, | |||
targetAd: 1, | |||
type: "7" | |||
}; | |||
} | |||
if (that.data.allow_load) { | |||
that.setData({ | |||
loading: true, | |||
content: "小主,我在玩命加载中...", | |||
}); | |||
Http.get({ | |||
url: config.api.couponOrderList, | |||
data: { | |||
pageNum: pageNum, | |||
pageSize: 6, | |||
couponOrderStatus: key | |||
} | |||
url: config.api.couponChannelList, | |||
data: param | |||
}) | |||
.then(res => { | |||
if (res.code == 200) { | |||
@@ -85,6 +100,7 @@ Page({ | |||
loading: false | |||
}); | |||
}, 1400); | |||
if (pageNum >= res.data.pages) { | |||
that.setData({ | |||
allow_load: false | |||
@@ -139,4 +155,17 @@ Page({ | |||
}); | |||
that.getList(that.data.current_scroll, that.data.page); | |||
} | |||
}); | |||
}) | |||
function compare(pro) { | |||
return function (obj2, obj1) { | |||
var val1 = obj1[pro]; | |||
var val2 = obj2[pro]; | |||
if (val1 < val2) { | |||
return 1; | |||
} else if (val1 > val2) { | |||
return -1; | |||
} else { | |||
return 0; | |||
} | |||
} | |||
} |
@@ -3,5 +3,5 @@ | |||
"i-tab": "../../../dist/tab/index", | |||
"i-tabs": "../../../dist/tabs/index" | |||
}, | |||
"navigationBarTitleText": "折扣卡列表" | |||
"navigationBarTitleText": "优惠卡" | |||
} |
@@ -1,11 +1,8 @@ | |||
<!-- 折扣卡list页面 --> | |||
<view class='content'> | |||
<view class='header'> | |||
<image src="./../../assets/img/growthbg.png" mode="widthFix"></image> | |||
</view> | |||
<view class="market"> | |||
<i-tabs class='tabs' current="{{ current_scroll }}" scroll bindchange="handleChangeScroll"> | |||
<i-tab class='i-tab' wx:for="{{tabs}}" wx:key="unique" key="{{item.key}}" title="{{item.name}}"></i-tab> | |||
<view class="market clearfix"> | |||
<i-tabs current="{{current_scroll}}" scroll bindchange="handleChangeScroll"> | |||
<i-tab wx:for="{{tabs}}" wx:key="unique" key="{{item.id}}" title="{{item.title}}"></i-tab> | |||
</i-tabs> | |||
<view class='cards'> | |||
<view class="nocoupon" wx:if="{{list.length==0}}"> | |||
@@ -16,21 +13,20 @@ | |||
<button hover-class='active'>前往首页看看</button> | |||
</navigator> | |||
</view> | |||
<view class='section' wx:for='{{list}}' wx:key='{{index}}' bindtap="gotouse" data-quancode="{{item.id}}" data-couponorderstatus="{{item.couponOrderStatus}}"> | |||
<view class='section' wx:for='{{list}}' wx:key='{{index}}' bindtap="gotouse" data-couponId='{{item.couponId}}' data-quancode="{{item.id}}"> | |||
<view class='mms'> | |||
<view class='detail_msg'> | |||
<image mode="aspectFill" src='{{item.coverImg}}' mode='widthFix'></image> | |||
<text>{{item.title}}</text> | |||
</view> | |||
<view class='buycardbtn'> | |||
<button>{{item.salePrice}}元 <text>购买</text></button> | |||
<button>{{item.salePriceStr}}元 <text>购买</text></button> | |||
</view> | |||
</view> | |||
</view> | |||
<view class="loading" wx:if="{{loading}}"> | |||
<image src="./../../assets/img/loading.gif" mode="widthFix"></image>{{content}} | |||
</view> | |||
</view> | |||
</view> | |||
<view class="loading" wx:if="{{loading}}"> | |||
<image src="./../../assets/img/loading.gif" mode="widthFix"></image>{{content}} | |||
</view> | |||
</view> |
@@ -32,11 +32,14 @@ | |||
.cards>view{ | |||
margin-bottom: 30rpx; | |||
} | |||
.nocoupon{ | |||
margin: 0 auto; | |||
float: none!important; | |||
} | |||
.mms { | |||
background: #fff; | |||
padding: 0; | |||
border-radius: 16rpx; | |||
border-top: 8rpx solid #02b7ff; | |||
box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.10); | |||
} | |||
@@ -64,14 +67,15 @@ | |||
display: block; | |||
width: 100%; | |||
height: 200rpx!important; | |||
border-radius: 16rpx; | |||
} | |||
.detail_msg text{ | |||
display: block; | |||
font-size:28rpx; | |||
height: 80rpx; | |||
line-height: 40rpx; | |||
color: #666; | |||
padding:16rpx 20rpx 0; | |||
height: 60rpx; | |||
line-height: 60rpx; | |||
color: #333; | |||
text-align: center; | |||
} | |||
.info view:nth-child(1) { | |||
display: flex; | |||
@@ -133,12 +137,8 @@ | |||
.buycardbtn button{ | |||
flex: 1; | |||
font-size: 28rpx; | |||
height: 70rpx; | |||
line-height: 70rpx; | |||
background:#02c0ff!important; | |||
border:0; | |||
color:#fff!important; | |||
margin-top: 20rpx; | |||
color:#FF3535!important; | |||
background: none; | |||
} | |||
.buycardbtn button text{ | |||
margin-left: 10rpx; | |||