@@ -1,4 +1,4 @@ | |||
<navigator url="/pages/coupon/detail/index?couponChannelId={{data.id}}&couponId={{data.couponId}}&title={{data.title}}"> | |||
<navigator style='display:inline' url="/pages/coupon/detail/index?couponChannelId={{data.id}}&couponId={{data.couponId}}&title={{data.title}}"> | |||
<!-- 首页优惠券列表页面 --> | |||
<view class="coupons"> | |||
<view class="coupons-img"> | |||
@@ -13,16 +13,16 @@ | |||
<view class="coupons-info-manjian" style="margin-top:10rpx;" wx:if="{{data.type == 1}}"> | |||
<view class='view01' wx:if="{{data.unit==0}}">{{data.priceStr}}元</view> | |||
<view wx:if="{{data.unit==1}}">{{data.priceStr}}小时</view> | |||
<text class='txt2'>满{{data.usePriceStr}}元可用</text> | |||
<!-- <text class='txt2'>满{{data.usePriceStr}}元可用</text> --> | |||
</view> | |||
<view class="coupons-info-manjian" wx:elif="{{data.type == 2||data.type == 3||data.type==4||data.type==5}}"> | |||
<text class='view01' wx:if="{{data.unit==0}}">{{data.priceStr}}元</text> | |||
<text wx:if="{{data.unit==1}}">{{data.priceStr}}小时</text> | |||
<text class='txt2'>仅限本店使用</text> | |||
<!-- <text class='txt2'>仅限本店使用</text> --> | |||
</view> | |||
</view> | |||
<view class="coupons-info-manjian1" wx:if="{{data.merchantVoList.length==1}}">{{data.merchantVoList[0].merchantName}}</view> | |||
<view class="coupons-info-manjian1" wx:if="{{data.merchantVoList.length>1}}">多商户通用</view> | |||
<!-- <view class="coupons-info-manjian1" wx:if="{{data.merchantVoList.length==1}}">{{data.merchantVoList[0].merchantName}}</view> | |||
<view class="coupons-info-manjian1" wx:if="{{data.merchantVoList.length>1}}">多商户通用</view> --> | |||
</view> | |||
</view> | |||
<view class="coupons-btn"> | |||
@@ -32,7 +32,6 @@ | |||
<i-button i-class="coupons-btn-gms" wx:if="{{data.remainInventory==0}}" data-date='{{data}}'>已售罄</i-button> | |||
<i-button i-class="coupons-btn-gms" wx:if="{{data.status==1}}" data-date='{{data}}'>已下架</i-button> | |||
</view> | |||
<view class="coupons-info-name sy">剩余{{data.remainInventory}}</view> | |||
<view class="coupons-border"></view> | |||
<!-- <view class="coupons-info-name sy">剩余{{data.remainInventory}}</view> --> | |||
</view> | |||
</navigator> |
@@ -1,11 +1,11 @@ | |||
@import "../../app.wxss"; | |||
.coupons { | |||
flex-direction: row; | |||
display: flex; | |||
width: 40%; | |||
height: 492rpx; | |||
display: inline-block; | |||
padding: 30rpx; | |||
position: relative; | |||
height: 184rpx; | |||
} | |||
.coupons-border { | |||
height: 1rpx; | |||
@@ -27,17 +27,22 @@ | |||
.coupons-img image { | |||
display: block; | |||
width: 180rpx; | |||
height: 180rpx; | |||
border-radius: 10rpx; | |||
width: 334rpx; | |||
height: 335rpx; | |||
} | |||
.coupons-info { | |||
padding-left: 20rpx; | |||
width: 335rpx; | |||
height: 157rpx; | |||
position: absolute; | |||
bottom: 30rpx; | |||
background: #fff; | |||
border-radius:0rpx 0rpx 10rpx 10rpx; | |||
} | |||
.coupons-info-name { | |||
font-size: 30rpx; | |||
font-size: 28rpx; | |||
font-weight: bold; | |||
color: #343434; | |||
letter-spacing: 0; | |||
line-height: 38rpx; | |||
@@ -58,7 +63,14 @@ | |||
color: #FF4949; | |||
} | |||
.price{ | |||
line-height: 36rpx; | |||
/* width:48rpx; | |||
height:26rpx; */ | |||
font-size:34rpx; | |||
font-family:PingFang-SC-Bold; | |||
font-weight:bold; | |||
color:rgba(255,50,50,1); | |||
line-height:44rpx; | |||
margin-left: 16rpx; | |||
} | |||
.tit { | |||
overflow: hidden; | |||
@@ -70,6 +82,7 @@ | |||
color: #000; | |||
letter-spacing: 0; | |||
font-family: PingFangSC-Medium; | |||
margin: 20rpx 18rpx 13rpx 16rpx; | |||
} | |||
.coupons-info-price-o { | |||
@@ -99,37 +112,39 @@ | |||
.coupons-btn { | |||
position: absolute; | |||
top: 83rpx; | |||
right: 30rpx; | |||
bottom: 30rpx; | |||
right: 0; | |||
} | |||
.coupons-btn-gm { | |||
background: #00c0ff !important; | |||
border-radius: 50rpx !important; | |||
background: #AF6E34 !important; | |||
border-radius: 10px 0px 10px 0px !important; | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
font-family: PingFangSC-Semibold; | |||
font-size: 26rpx; | |||
font-weight: 400; | |||
color: #fff !important; | |||
letter-spacing: 0; | |||
height: 48rpx !important; | |||
width: 120rpx !important; | |||
line-height: 48rpx !important; | |||
height: 51rpx !important; | |||
width: 100rpx !important; | |||
line-height: 51rpx !important; | |||
} | |||
.coupons-btn-gms { | |||
background: #999 !important; | |||
border-radius: 60rpx !important; | |||
background: #b9b9b9 !important; | |||
border-radius: 10px 0px 10px 0px !important; | |||
opacity: 0.6; | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
font-family: PingFangSC-Semibold; | |||
font-size: 26rpx; | |||
font-weight: 400; | |||
color: #fff !important; | |||
letter-spacing: 0; | |||
height: 48rpx !important; | |||
width: 120rpx !important; | |||
line-height: 48rpx !important; | |||
height: 51rpx !important; | |||
width: 100rpx !important; | |||
line-height: 51rpx !important; | |||
} | |||
.subtitle { | |||
@@ -139,10 +154,11 @@ | |||
white-space: nowrap; | |||
text-overflow: ellipsis; | |||
width: 300rpx; | |||
/* height: 33rpx; */ | |||
line-height: 33rpx; | |||
height: 23rpx; | |||
line-height: 23rpx; | |||
font-weight:lighter; | |||
margin-bottom: 18rpx; | |||
margin: 0 37rpx 20rpx 18rpx; | |||
} | |||
.coupons-info-manjian { | |||
@@ -177,6 +193,7 @@ | |||
} | |||
.view01{ | |||
text-decoration:line-through; | |||
color: #999999 !important; | |||
} | |||
.txt2{ | |||
display: block; | |||
@@ -45,9 +45,9 @@ | |||
}, | |||
"window": { | |||
"backgroundTextStyle": "dark", | |||
"navigationBarBackgroundColor": "#02C0FF", | |||
"navigationBarBackgroundColor": "#fff", | |||
"navigationBarTitleText": "WeChat", | |||
"navigationBarTextStyle": "white" | |||
"navigationBarTextStyle": "black" | |||
}, | |||
"networkTimeout": { | |||
"request": 30000, | |||
@@ -1,13 +1,14 @@ | |||
.index-rushToBuy { | |||
width: 100%; | |||
font-family: PingFangSC-Semibold; | |||
background:linear-gradient(94deg,rgba(255,143,0,1) 0%,rgba(255,87,0,1) 100%); | |||
/* background:linear-gradient(94deg,rgba(255,143,0,1) 0%,rgba(255,87,0,1) 100%); */ | |||
} | |||
.index-rushToBuy-title { | |||
position: relative; | |||
font-size: 34rpx; | |||
color: #fff; | |||
font-weight:bold; | |||
color: #333333; | |||
letter-spacing: 1.16rpx; | |||
padding-top: 20rpx; | |||
padding-left: 30rpx; | |||
@@ -18,9 +19,10 @@ | |||
.index-rushToBuy-title text{ | |||
float: right; | |||
margin-right: 20rpx; | |||
color: #fff; | |||
color: #999999; | |||
font-size: 24rpx; | |||
margin-top: 8rpx; | |||
font-weight: normal; | |||
} | |||
.index-rushToBuy-title image{ | |||
position: absolute; | |||
@@ -32,7 +34,7 @@ | |||
width: 100%; | |||
white-space: nowrap; | |||
padding-bottom: 10rpx; | |||
background:linear-gradient(94deg,rgba(255,143,0,1) 0%,rgba(255,87,0,1) 100%); | |||
/* background:linear-gradient(94deg,rgba(255,143,0,1) 0%,rgba(255,87,0,1) 100%); */ | |||
} | |||
.index-scroll-view .commodity { | |||
@@ -1,6 +1,7 @@ | |||
.index-coupons { | |||
height: 820rpx; | |||
margin-top: 30rpx; | |||
background:linear-gradient(0deg,rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%); | |||
} | |||
.loading { | |||
@@ -2,6 +2,7 @@ const Http = require("../../utils/HttpBasics"); | |||
const imgurl = require("../../utils/imgurl"); | |||
const config = require("../../config/config"); | |||
const QR = require("../../utils/memberqrcode.js"); | |||
const util = require("../../utils/util"); | |||
let app = getApp(); | |||
Page({ | |||
data: { | |||
@@ -17,7 +18,14 @@ Page({ | |||
icon0007: imgurl.icon0007.url, | |||
icon0008: imgurl.icon0008.url, | |||
rushtobuy: imgurl.rushtobuy.url, | |||
barcode: imgurl.barcode.url, | |||
leftarrows: imgurl.leftarrows.url, | |||
wmcard: imgurl.wmcard.url, | |||
newcard:imgurl.newcard.url, | |||
newseckill: imgurl.newseckill.url, | |||
newbargain: imgurl.newbargain.url, | |||
newgroup: imgurl.newgroup.url, | |||
product: imgurl.product.url, | |||
market: app.globalData.market, | |||
list: [], | |||
loading: true, | |||
@@ -61,6 +69,7 @@ Page({ | |||
url: '/pages/discountCardList/discountCardList' | |||
}) | |||
}, | |||
//跳往限时秒杀 | |||
gotoRushBuy: function() { | |||
wx.navigateTo({ | |||
url: '/pages/rushToBuy/index', | |||
@@ -109,6 +118,18 @@ Page({ | |||
url: '/pages/user/index', | |||
}) | |||
}, | |||
//跳往砍价专场 | |||
gobargain: function () { | |||
wx.navigateTo({ | |||
url: '/pages/bargain/bargain', | |||
}) | |||
}, | |||
//跳往拼团专场 | |||
gogroup: function () { | |||
wx.navigateTo({ | |||
url: '/pages/spellGroup/spellGroup', | |||
}) | |||
}, | |||
//搜索门店 | |||
searchbar:function(){ | |||
wx.navigateTo({ | |||
@@ -147,6 +168,7 @@ Page({ | |||
url: '/pages/rushToBuy/index', | |||
}) | |||
}, | |||
// 跳往卡列表 | |||
gotodiscountcard:function(){ | |||
wx.navigateTo({ | |||
url: '/pages/discountCardList/discountCardList', | |||
@@ -224,6 +246,8 @@ Page({ | |||
} else { | |||
that.userLogin() | |||
} | |||
//获取条形码 | |||
// util.barcode("barcode", optionss.quancode, 510, 100); | |||
}, | |||
onShow: function() { | |||
this.setData({ | |||
@@ -318,7 +342,7 @@ Page({ | |||
userLogin: function(couponChannelId, couponId, orderId) { | |||
var that = this; | |||
// 登录 | |||
// that.getmemberId(app.globalData.token); | |||
that.getmemberId(app.globalData.token); | |||
// that.checkUserCarStatus(); | |||
that.getUserInfo(); | |||
that.getBannerlist(); | |||
@@ -355,6 +379,7 @@ Page({ | |||
showCancel: false | |||
}); | |||
}); | |||
}, | |||
getStaticGame(token) { | |||
@@ -427,14 +452,14 @@ Page({ | |||
pageSize: 7 | |||
} | |||
}).then(res => { | |||
// that.getmemberId(app.globalData.token); | |||
that.getmemberId(app.globalData.token); | |||
// that.checkUserCarStatus(); | |||
that.setData({ | |||
list: res.data.list | |||
}); | |||
}) | |||
.catch(err => { | |||
// that.getmemberId(app.globalData.token); | |||
that.getmemberId(app.globalData.token); | |||
// that.checkUserCarStatus(); | |||
}) | |||
; | |||
@@ -33,6 +33,28 @@ | |||
优惠劵<text class="score">{{score}}</text> | |||
</view> | |||
</view> | |||
<view class='barcode'> | |||
<image src="{{barcode}}" class='barcodeimg' mode='widthFix'></image> | |||
<image src="{{leftarrows}}" class='leftimg' mode='widthFix'></image> | |||
</view> | |||
</view> | |||
<!-- 营销活动 --> | |||
<view class='sellsection'> | |||
<view bindtap='gobargain'> | |||
<image src='{{newbargain}}'></image> | |||
</view> | |||
<view bindtap='gogroup'> | |||
<image src='{{newgroup}}'></image> | |||
</view> | |||
<view bindtap='gotoRushBuy'> | |||
<image src='{{newseckill}}'></image> | |||
</view> | |||
<view bindtap='gotodiscountcard'> | |||
<image src='{{newcard}}'></image> | |||
</view> | |||
</view> | |||
<view class='product'> | |||
<image src='{{product}}'></image> | |||
</view> | |||
<!-- 砍价专场 --> | |||
<c-bargain id="bargain"/> | |||
@@ -46,8 +68,14 @@ | |||
</view> | |||
</view> | |||
<view class='clearfix rushtobuyimgs'> | |||
<view> | |||
<text class='xianshi'>限时</text><text class='qianggou'>秒杀</text> | |||
<image class='fl' src='{{rushtobuy}}' bindtap='rushtobuy' mode='widthFix'></image> | |||
</view> | |||
<view> | |||
<text class='xiaofei'>消费</text> <text class='ka'>卡</text><text class='subtitle'>好物提前购</text> | |||
<image class='fr' src='{{wmcard}}' bindtap='gotodiscountcard' mode='widthFix'></image> | |||
</view> | |||
</view> | |||
<c-coupons id="lists" bind:myevent="onGetCode" loadingtext="{{loadingtext}}" loading="{{loading}}" /> | |||
<g-entry id="listss" wx:if="{{showGame&&!played&&!havePlayEd}}" gamedata="{{gamedata}}" bind:myevent="" /> | |||
@@ -55,7 +83,7 @@ | |||
<view class='showQrcode' bindtap='hideQrcode' wx:if="{{showQrcode}}"> | |||
<view class="canvas-box"> | |||
<text class='memberIds' wx:if="{{levelName!='无'}}">{{levelName}}</text> | |||
<canvas hidden="{{canvasHidden}}" style="width:500rpx;height:460rpx;background:0 0 0 .6;margin:-10rpx auto;overflow:hidden" canvas-id="mycanvas2" /> | |||
<canvas canvas-id="barcode" /> | |||
<button class='button' bindtap='mySpecial'>特享礼遇</button> | |||
</view> | |||
</view> |
@@ -51,10 +51,36 @@ page { | |||
padding: 0 30rpx; | |||
margin-top:20rpx; | |||
} | |||
.rushtobuyimgs>view{ | |||
width: 50%; | |||
display: inline-block; | |||
} | |||
.rushtobuyimgs>view>text{ | |||
font-size:34rpx; | |||
font-weight: bold; | |||
} | |||
.xianshi{ | |||
color: #F12643; | |||
} | |||
.qianggou{ | |||
color: #3D3737; | |||
} | |||
.rushtobuyimgs image{ | |||
width: 335rpx; | |||
height: 161rpx; | |||
} | |||
.xiaofei{ | |||
color: #3D3737; | |||
} | |||
.ka{ | |||
color: #ED734A | |||
} | |||
.subtitle{ | |||
font-size:28rpx !important; | |||
color: #666666; | |||
font-weight:400 !important; | |||
margin-left: 15rpx; | |||
} | |||
.userinfo{ | |||
position:relative; | |||
margin: 0 auto 38rpx; | |||
@@ -72,12 +98,16 @@ border-radius:50rpx; | |||
margin-top: 25rpx; | |||
margin-bottom: 30rpx; | |||
} | |||
.section >view{ | |||
.sellsection{ | |||
margin-bottom: 37rpx; | |||
padding: 0 38rpx; | |||
} | |||
.section >view,.sellsection>view{ | |||
width: 25%; | |||
display: inline-block; | |||
position: relative; | |||
} | |||
.section >view image { | |||
.section >view image,.sellsection>view image{ | |||
display: block; | |||
margin: 0 auto; | |||
} | |||
@@ -87,6 +117,10 @@ border-radius:50rpx; | |||
margin-top: 20rpx; | |||
margin-bottom: 14rpx; | |||
} | |||
.sellsection>view image{ | |||
width: 159rpx; | |||
height: 134rpx; | |||
} | |||
.section text { | |||
font-size: 24rpx; | |||
color: rgba(51, 51, 51, 1); | |||
@@ -200,13 +234,14 @@ height:100%; | |||
line-height: 44rpx; | |||
margin-top: 25rpx; | |||
font-size: 30rpx; | |||
color: #000; | |||
color: #333; | |||
font-weight: bold; | |||
} | |||
.chengzhang { | |||
font-size: 24rpx; | |||
font-weight: 400; | |||
color: #AF6E34; | |||
margin-left: 10rpx; | |||
margin-left:9rpx; | |||
} | |||
.view { | |||
font-size: 24rpx; | |||
@@ -217,4 +252,30 @@ height:100%; | |||
color:#333333; | |||
font-size:30rpx; | |||
margin-right:23rpx; | |||
font-family:PingFang-SC-Bold; | |||
} | |||
.barcodeimg{ | |||
position: absolute; | |||
right: 80rpx; | |||
top: 60rpx; | |||
margin-top: -31rpx; | |||
width: 80rpx; | |||
height: 62rpx; | |||
} | |||
.leftimg{ | |||
position: absolute; | |||
right: 40rpx; | |||
top: 60rpx; | |||
margin-top: -7rpx; | |||
width: 14rpx; | |||
height: 26rpx; | |||
} | |||
.product{ | |||
padding: 0 30rpx; | |||
margin-bottom: 30rpx; | |||
} | |||
.product image{ | |||
width:690rpx; | |||
height:120rpx; | |||
border-radius:60rpx; | |||
} |
@@ -11,14 +11,16 @@ | |||
letter-spacing: 1.16rpx; | |||
padding-top: 0; | |||
padding-left: 30rpx; | |||
font-weight: bold; | |||
} | |||
.index-rushToBuy-title text{ | |||
float: right; | |||
margin-right: 20rpx; | |||
color: #a8adb4; | |||
color: #999999; | |||
font-size: 24rpx; | |||
margin-top: 8rpx; | |||
font-weight: normal; | |||
} | |||
.index-rushToBuy-title image{ | |||
position: absolute; | |||
@@ -505,5 +505,32 @@ module.exports = { | |||
'url': baseUrl + 'wmspellgroup.png', | |||
'name': '我的拼团' | |||
}, | |||
'leftarrows': { | |||
'url': baseUrl + 'leftarrows.png', | |||
'name': '左箭头' | |||
}, | |||
'barcode': { | |||
'url': baseUrl + 'barcode.png', | |||
'name': '条形码' | |||
}, | |||
'newgroup': { | |||
'url': baseUrl + 'newgroup.png', | |||
'name': '新UI拼团' | |||
}, | |||
'newbargain': { | |||
'url': baseUrl + 'newbargain.png', | |||
'name': '新UI砍价' | |||
}, | |||
'newseckill': { | |||
'url': baseUrl + 'newseckill.png', | |||
'name': '新UI秒杀' | |||
}, | |||
'newcard': { | |||
'url': baseUrl + 'newcard.png', | |||
'name': '新UI消费卡' | |||
}, | |||
'product': { | |||
'url': baseUrl + 'product.png', | |||
'name': '新UI产品栏' | |||
}, | |||
} |