瀏覽代碼

[折扣卡列表]

tags/广东版3.2.1
meo 6 年之前
父節點
當前提交
4b159fc441
共有 7 個檔案被更改,包括 98 行新增57 行删除
  1. +5
    -0
      pages/coupon/detail/index.js
  2. +1
    -1
      pages/coupon/detail/index.wxml
  3. +11
    -0
      pages/coupon/detail/index.wxss
  4. +61
    -32
      pages/discountCardList/discountCardList.js
  5. +1
    -1
      pages/discountCardList/discountCardList.json
  6. +8
    -12
      pages/discountCardList/discountCardList.wxml
  7. +11
    -11
      pages/discountCardList/discountCardList.wxss

+ 5
- 0
pages/coupon/detail/index.js 查看文件

@@ -229,6 +229,11 @@ Page({
showPage:true
})
}
if(res.data.type==7){
wx.setNavigationBarTitle({
title: "卡详情"
})
}
if (res.data.endTime) {
that.countdown(res.data.endTime);
//当前时间与优惠券下架时间做计算


+ 1
- 1
pages/coupon/detail/index.wxml 查看文件

@@ -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">售价:


+ 11
- 0
pages/coupon/detail/index.wxss 查看文件

@@ -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;
}

+ 61
- 32
pages/discountCardList/discountCardList.js 查看文件

@@ -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;
}
}
}

+ 1
- 1
pages/discountCardList/discountCardList.json 查看文件

@@ -3,5 +3,5 @@
"i-tab": "../../../dist/tab/index",
"i-tabs": "../../../dist/tabs/index"
},
"navigationBarTitleText": "折扣卡列表"
"navigationBarTitleText": "优惠卡"
}

+ 8
- 12
pages/discountCardList/discountCardList.wxml 查看文件

@@ -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>

+ 11
- 11
pages/discountCardList/discountCardList.wxss 查看文件

@@ -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;


Loading…
取消
儲存