@@ -66,9 +66,9 @@ | |||||
font-family: PingFang-SC-Bold; | font-family: PingFang-SC-Bold; | ||||
font-weight: bold; | font-weight: bold; | ||||
color: #FD782D; | color: #FD782D; | ||||
/* line-height: 44rpx; */ | |||||
line-height: 44rpx; | |||||
margin-left: 16rpx; | margin-left: 16rpx; | ||||
/* padding-top: 16rpx; */ | |||||
padding-top: 16rpx; | |||||
} | } | ||||
.rmb{ | .rmb{ | ||||
font-size: 24rpx!important; | font-size: 24rpx!important; | ||||
@@ -132,7 +132,7 @@ | |||||
.coupons-btn-gms { | .coupons-btn-gms { | ||||
background: #b9b9b9 !important; | background: #b9b9b9 !important; | ||||
border-radius: 10px 0px 5px 0px !important; | |||||
border-radius: 10px!important; | |||||
opacity: 0.6; | opacity: 0.6; | ||||
margin: 0 !important; | margin: 0 !important; | ||||
padding: 0 !important; | padding: 0 !important; | ||||
@@ -23,7 +23,9 @@ Component({ | |||||
wangmeimeibargin: imgurl.wangmeimeibargin.url, | wangmeimeibargin: imgurl.wangmeimeibargin.url, | ||||
list: [], | list: [], | ||||
pintuanList:[], | pintuanList:[], | ||||
total: '' | |||||
total: '', | |||||
flag:false, | |||||
page:1, | |||||
}, | }, | ||||
/** | /** | ||||
* 组件的方法列表 | * 组件的方法列表 | ||||
@@ -35,8 +37,8 @@ Component({ | |||||
Http.get({ | Http.get({ | ||||
url: config.api.couponChannelList, | url: config.api.couponChannelList, | ||||
data: { | data: { | ||||
pageNum: 1, | |||||
pageSize: 5, | |||||
pageNum: this.data.page++, | |||||
pageSize: 1, | |||||
targetAd: 6 | targetAd: 6 | ||||
} | } | ||||
}).then(res => { | }).then(res => { | ||||
@@ -60,14 +62,15 @@ Component({ | |||||
Http.get({ | Http.get({ | ||||
url: config.api.couponChannelList, | url: config.api.couponChannelList, | ||||
data: { | data: { | ||||
pageNum: 1, | |||||
pageSize: 4, | |||||
pageNum: this.data.page++, | |||||
pageSize: 1, | |||||
targetAd: 7 | targetAd: 7 | ||||
} | |||||
}, | |||||
}).then(res => { | }).then(res => { | ||||
this.setData({ | this.setData({ | ||||
pintuanList: res.data.list, | pintuanList: res.data.list, | ||||
total: res.data.total | |||||
total: res.data.total, | |||||
flag: true | |||||
}); | }); | ||||
console.log(this.data.pintuanList) | console.log(this.data.pintuanList) | ||||
}) | }) | ||||
@@ -79,6 +82,11 @@ Component({ | |||||
mask: false | mask: false | ||||
}); | }); | ||||
}) | }) | ||||
}, | |||||
// //换一换 | |||||
getChange(){ | |||||
}, | }, | ||||
//跳转砍价详情 | //跳转砍价详情 | ||||
gotokjdetail: function (e) { | gotokjdetail: function (e) { | ||||
@@ -5,7 +5,7 @@ | |||||
<view class='sql' style='background:{{sql}}'></view> | <view class='sql' style='background:{{sql}}'></view> | ||||
<text>爆款专区</text> | <text>爆款专区</text> | ||||
</view> | </view> | ||||
<view class='titleR'> | |||||
<view class='titleR' bindtap='getList' > | |||||
<text style='color:{{txt}}'>换一换</text> | <text style='color:{{txt}}'>换一换</text> | ||||
<view> | <view> | ||||
<image src='{{change}}' bindtap='' mode='aspectFill'></image> | <image src='{{change}}' bindtap='' mode='aspectFill'></image> | ||||
@@ -1,3 +1,4 @@ | |||||
{ | { | ||||
"navigationBarTitleText": "添加车辆" | |||||
"navigationBarTitleText": "添加车辆", | |||||
"navigationBarBackgroundColor": "#F4F5F9" | |||||
} | } |
@@ -1,5 +1,7 @@ | |||||
/* pages/park/addPark/addPark.wxss */ | /* pages/park/addPark/addPark.wxss */ | ||||
page{ | |||||
background: #F4F5F9; | |||||
} | |||||
.addpark-title { | .addpark-title { | ||||
margin-top: 48rpx; | margin-top: 48rpx; | ||||
text-align: center; | text-align: center; | ||||
@@ -18,9 +20,8 @@ | |||||
.addpark-num-head { | .addpark-num-head { | ||||
display: flex; | display: flex; | ||||
width: 164rpx; | width: 164rpx; | ||||
background: #58abfa; | |||||
border-radius: 10rpx; | border-radius: 10rpx; | ||||
color: #fff; | |||||
color: #3C3C3C; | |||||
text-align: center; | text-align: center; | ||||
align-items: center; | align-items: center; | ||||
} | } | ||||
@@ -29,13 +30,17 @@ | |||||
width: 88rpx; | width: 88rpx; | ||||
height: 82rpx; | height: 82rpx; | ||||
line-height: 82rpx; | line-height: 82rpx; | ||||
margin: 0 auto; | |||||
border: 2rpx solid #E1E1E1; | |||||
border-radius: 10rpx; | |||||
background: #FFFFFF; | |||||
} | } | ||||
.addpark-num-center { | .addpark-num-center { | ||||
display: flex; | display: flex; | ||||
margin-left: 20rpx; | margin-left: 20rpx; | ||||
width: 392rpx; | width: 392rpx; | ||||
border: 2rpx solid #58abfa; | |||||
/* border: 2rpx solid #E1E1E1; */ | |||||
border-radius: 10rpx; | border-radius: 10rpx; | ||||
text-align: center; | text-align: center; | ||||
align-items: center; | align-items: center; | ||||
@@ -46,7 +51,7 @@ | |||||
} | } | ||||
.addpark-num-center-border { | .addpark-num-center-border { | ||||
border-left: 2rpx solid #58abfa; | |||||
border-left: 2rpx solid #E1E1E1; | |||||
} | } | ||||
.addpark-num-new { | .addpark-num-new { | ||||
@@ -55,10 +60,12 @@ | |||||
text-align: center; | text-align: center; | ||||
align-items: center; | align-items: center; | ||||
margin-left: 20rpx; | margin-left: 20rpx; | ||||
border: 2rpx solid #12c67a; | |||||
border: 2rpx dashed #2C8DFF; | |||||
border-radius: 10rpx; | border-radius: 10rpx; | ||||
} | } | ||||
.addpark-num-new view { | |||||
border:none!important; | |||||
} | |||||
.newsource { | .newsource { | ||||
font-size: 16rpx; | font-size: 16rpx; | ||||
position: absolute; | position: absolute; | ||||
@@ -66,9 +73,9 @@ | |||||
left: 670rpx; | left: 670rpx; | ||||
height: 30rpx; | height: 30rpx; | ||||
width: 60rpx; | width: 60rpx; | ||||
background: #11c67b; | |||||
background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||||
color: #fff; | color: #fff; | ||||
border: 1px solid #11c67b; | |||||
/* border: 1px solid #11c67b; */ | |||||
border-radius: 14rpx; | border-radius: 14rpx; | ||||
text-align: center; | text-align: center; | ||||
line-height: 30rpx; | line-height: 30rpx; | ||||
@@ -78,7 +85,7 @@ | |||||
width: 672rpx; | width: 672rpx; | ||||
margin: 34rpx auto; | margin: 34rpx auto; | ||||
height: 440rpx; | height: 440rpx; | ||||
border: 2rpx solid #58abfa; | |||||
border: 2rpx solid #FD832D; | |||||
border-radius: 16rpx; | border-radius: 16rpx; | ||||
padding: 30rpx 15rpx; | padding: 30rpx 15rpx; | ||||
} | } | ||||
@@ -91,7 +98,7 @@ | |||||
.addpark-choose-font { | .addpark-choose-font { | ||||
width: 80rpx; | width: 80rpx; | ||||
height: 77rpx; | height: 77rpx; | ||||
background: #f8f8f8; | |||||
background: #FEFFFE; | |||||
text-align: center; | text-align: center; | ||||
line-height: 77rpx; | line-height: 77rpx; | ||||
border: 1 px solid #f8f8f8; | border: 1 px solid #f8f8f8; | ||||
@@ -114,24 +121,24 @@ | |||||
width: 672rpx; | width: 672rpx; | ||||
margin: 34rpx auto; | margin: 34rpx auto; | ||||
height: 510rpx; | height: 510rpx; | ||||
border: 2rpx solid #58abfa; | |||||
border: 2rpx solid #FD832D; | |||||
border-radius: 16rpx; | border-radius: 16rpx; | ||||
padding: 30rpx 15rpx; | padding: 30rpx 15rpx; | ||||
} | } | ||||
.choose { | .choose { | ||||
color: #58abfa; | |||||
color: #FD832D; | |||||
} | } | ||||
.choose-title { | .choose-title { | ||||
border: 6rpx solid #ffd255; | |||||
border: 2rpx solid #FD832D; | |||||
} | } | ||||
.addpark-button-submit { | .addpark-button-submit { | ||||
width: 670rpx; | width: 670rpx; | ||||
height: 94rpx; | height: 94rpx; | ||||
margin: 0 auto; | margin: 0 auto; | ||||
background: #60b4fc; | |||||
background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||||
color: #fff; | color: #fff; | ||||
border-radius: 60rpx; | border-radius: 60rpx; | ||||
line-height: 94rpx; | line-height: 94rpx; | ||||
@@ -82,7 +82,7 @@ page{ | |||||
font-size: 18rpx; | font-size: 18rpx; | ||||
position: absolute; | position: absolute; | ||||
right: 0; | right: 0; | ||||
top: 18rpx; | |||||
top: 22rpx; | |||||
} | } | ||||
.money{ | .money{ | ||||
display: inline-block!important; | display: inline-block!important; | ||||
@@ -5,6 +5,7 @@ let app = getApp(); | |||||
const imgurl = require("../../../utils/imgurl"); | const imgurl = require("../../../utils/imgurl"); | ||||
Page({ | Page({ | ||||
data: { | data: { | ||||
noCoupon: imgurl.noCoupon.url, | |||||
couponUrl: imgurl.coupon.url, | couponUrl: imgurl.coupon.url, | ||||
linessUrl: imgurl.liness.url, | linessUrl: imgurl.liness.url, | ||||
wmhome: imgurl.wmhome.url, | wmhome: imgurl.wmhome.url, | ||||
@@ -6,7 +6,7 @@ | |||||
</i-tabs> | </i-tabs> | ||||
<view style='padding-top:120rpx;'> | <view style='padding-top:120rpx;'> | ||||
<view class="nocoupon" wx:if="{{list.length==0}}"> | <view class="nocoupon" wx:if="{{list.length==0}}"> | ||||
<image src="{{couponUrl}}" mode="widthFix" /> | |||||
<image src="{{noCoupon}}" mode="widthFix" /> | |||||
<text class="txt001">请您敬请期待</text> | <text class="txt001">请您敬请期待</text> | ||||
<text class='txt002'>我们正在筹备一大波优惠活动</text> | <text class='txt002'>我们正在筹备一大波优惠活动</text> | ||||
<navigator class='nav' url="/pages/main/index" open-type="switchTab" hover-class="other-navigator-hover"> | <navigator class='nav' url="/pages/main/index" open-type="switchTab" hover-class="other-navigator-hover"> | ||||
@@ -45,11 +45,12 @@ | |||||
<text class='title'>{{data.title}}<text class="elecard" wx:if="{{data.type==100}}">电子卡</text></text> | <text class='title'>{{data.title}}<text class="elecard" wx:if="{{data.type==100}}">电子卡</text></text> | ||||
<text class="subTitle">{{data.subTitle}}</text> | <text class="subTitle">{{data.subTitle}}</text> | ||||
<view class='salePriceStr clearfix'> | <view class='salePriceStr clearfix'> | ||||
<view class="fl" wx:if="{{data.type!=8}}">售价: | |||||
<text class='rmb'>¥</text> | |||||
<view class="fl" wx:if="{{data.type!=8}}"> | |||||
<text class="pri01" wx:if="{{data.type!=50&&data.type!=51}}">{{data.salePriceStr}}</text> | <text class="pri01" wx:if="{{data.type!=50&&data.type!=51}}">{{data.salePriceStr}}</text> | ||||
<text class="pri01" wx:if="{{data.type==50||data.type==51}}">{{data.creditPrice}}积分</text> | <text class="pri01" wx:if="{{data.type==50||data.type==51}}">{{data.creditPrice}}积分</text> | ||||
<text class="yuan" wx:if="{{data.type!=50&&data.type!=51}}">元</text> | |||||
<text class='throgh' wx:if="{{data.unit==0&&data.type!=50&&data.type!=51}}">{{data.priceStr}}元</text> | |||||
<!-- <text class="yuan" wx:if="{{data.type!=50&&data.type!=51}}">元</text> --> | |||||
<!-- <text class='throgh' wx:if="{{data.unit==0&&data.type马上!=50&&data.type!=51}}">{{data.priceStr}}元</text> --> | |||||
<text wx:if="{{data.unit==1&&data.type!=50&&data.type!=51}}">{{data.priceStr}}小时</text> | <text wx:if="{{data.unit==1&&data.type!=50&&data.type!=51}}">{{data.priceStr}}小时</text> | ||||
<text class='rest' wx:if="{{data.autoRefund == 1}}"> | <text class='rest' wx:if="{{data.autoRefund == 1}}"> | ||||
<text class='time refound'><text class="use">过期不退款</text></text> | <text class='time refound'><text class="use">过期不退款</text></text> | ||||
@@ -130,7 +131,7 @@ | |||||
<text class='txt'>{{data.salePriceStr}}元</text>马上购买</button> | <text class='txt'>{{data.salePriceStr}}元</text>马上购买</button> | ||||
<button form-type="submit" disabled='{{showbutton}}' class='buy' wx:if="{{data.type!=8&&data.type!=50&&data.type!=51&&data.salePriceStr==0&&data.remainInventory!=0&&endtime!='活动已结束'&&data.activityStatus!=0}}">免费领取</button> | <button form-type="submit" disabled='{{showbutton}}' class='buy' wx:if="{{data.type!=8&&data.type!=50&&data.type!=51&&data.salePriceStr==0&&data.remainInventory!=0&&endtime!='活动已结束'&&data.activityStatus!=0}}">免费领取</button> | ||||
<button form-type="submit" disabled='{{showbutton}}' class='buy' wx:if="{{data.type==51&&data.remainInventory!=0||data.type==50&&data.remainInventory!=0}}">马上兑换</button> | <button form-type="submit" disabled='{{showbutton}}' class='buy' wx:if="{{data.type==51&&data.remainInventory!=0||data.type==50&&data.remainInventory!=0}}">马上兑换</button> | ||||
<button class='buy' disabled='true' wx:if="{{data.remainInventory==0&&endtime!='活动已结束'||data.remainInventory==0&&data.type==8}}">已售罄</button> | |||||
<button class='buy buyHr' disabled='true' wx:if="{{data.remainInventory==0&&endtime!='活动已结束'||data.remainInventory==0&&data.type==8}}">已售罄</button> | |||||
<button class='buy' disabled='true' wx:if="{{data.remainInventory==0&&data.type==50||data.remainInventory==0&&data.type==51}}">已兑完</button> | <button class='buy' disabled='true' wx:if="{{data.remainInventory==0&&data.type==50||data.remainInventory==0&&data.type==51}}">已兑完</button> | ||||
<button class='buy' disabled='true' wx:if="{{endtime=='活动已结束'&&data.activityStatus!=0}}">活动已结束</button> | <button class='buy' disabled='true' wx:if="{{endtime=='活动已结束'&&data.activityStatus!=0}}">活动已结束</button> | ||||
<button class='buy' disabled='true' wx:if="{{total_micro_second<=0&&data.activityStatus!=0}}">活动已结束</button> | <button class='buy' disabled='true' wx:if="{{total_micro_second<=0&&data.activityStatus!=0}}">活动已结束</button> | ||||
@@ -146,7 +147,7 @@ | |||||
</button> | </button> | ||||
<form bindsubmit="gotopay" report-submit='true' class="fl"> | <form bindsubmit="gotopay" report-submit='true' class="fl"> | ||||
<button form-type="submit" style='background:transparent;color:#fff;' data-discount='discount1' disabled='{{showbutton}}'> | <button form-type="submit" style='background:transparent;color:#fff;' data-discount='discount1' disabled='{{showbutton}}'> | ||||
<text>{{data.priceStr}}元</text> | |||||
<text>¥{{data.priceStr}}</text> | |||||
<text>立即购买</text> | <text>立即购买</text> | ||||
</button> | </button> | ||||
</form> | </form> | ||||
@@ -112,7 +112,7 @@ button::after { | |||||
display: block; | display: block; | ||||
font-weight: bold; | font-weight: bold; | ||||
font-size: 32rpx; | font-size: 32rpx; | ||||
color: #000; | |||||
color: #3C3C3C; | |||||
letter-spacing: 1.09rpx; | letter-spacing: 1.09rpx; | ||||
line-height: 45rpx; | line-height: 45rpx; | ||||
width: 542rpx; | width: 542rpx; | ||||
@@ -139,8 +139,8 @@ button::after { | |||||
font-size: 24rpx; | font-size: 24rpx; | ||||
color: #919191; | color: #919191; | ||||
letter-spacing: 0; | letter-spacing: 0; | ||||
height: 70rpx; | |||||
line-height: 70rpx; | |||||
height: 50rpx; | |||||
line-height: 50rpx; | |||||
/* border-bottom: 1px solid #eee; */ | /* border-bottom: 1px solid #eee; */ | ||||
border-bottom: 1px solid #f9f9f9; | border-bottom: 1px solid #f9f9f9; | ||||
} | } | ||||
@@ -177,7 +177,11 @@ button::after { | |||||
color: #999; | color: #999; | ||||
letter-spacing: 0; | letter-spacing: 0; | ||||
} | } | ||||
.salePriceStr .rmb{ | |||||
color: #FD782D; | |||||
font-size: 24rpx; | |||||
float: left; | |||||
} | |||||
.salePriceStr .pri01 { | .salePriceStr .pri01 { | ||||
font-size: 40rpx; | font-size: 40rpx; | ||||
color: #FD782D; | color: #FD782D; | ||||
@@ -334,7 +338,7 @@ button::after { | |||||
} | } | ||||
.buy-view { | .buy-view { | ||||
background: #fff; | |||||
/* background: #fff; */ | |||||
height: 92rpx; | height: 92rpx; | ||||
bottom: 0; | bottom: 0; | ||||
left: 0; | left: 0; | ||||
@@ -345,7 +349,7 @@ button::after { | |||||
.buy { | .buy { | ||||
position: relative; | position: relative; | ||||
background: #af6e34; | |||||
background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||||
height: 94rpx; | height: 94rpx; | ||||
width: 560rpx; | width: 560rpx; | ||||
margin: 0 auto 30rpx; | margin: 0 auto 30rpx; | ||||
@@ -354,7 +358,9 @@ button::after { | |||||
line-height: 94rpx; | line-height: 94rpx; | ||||
border-radius: 61rpx; | border-radius: 61rpx; | ||||
} | } | ||||
.buyHr{ | |||||
background: #CECECE!important; | |||||
} | |||||
.goback { | .goback { | ||||
position: relative; | position: relative; | ||||
float: left; | float: left; | ||||
@@ -373,8 +379,8 @@ button::after { | |||||
left: 0; | left: 0; | ||||
right: 0; | right: 0; | ||||
top: 0; | top: 0; | ||||
bottom: 50rpx; | |||||
margin: auto; | |||||
bottom:0; | |||||
margin:10rpx auto; | |||||
} | } | ||||
.tel { | .tel { | ||||
@@ -570,15 +576,20 @@ button::after { | |||||
left: 0; | left: 0; | ||||
right: 0; | right: 0; | ||||
bottom: 0; | bottom: 0; | ||||
padding-bottom: 37rpx; | |||||
padding-top: 37rpx; | |||||
padding-bottom: 22rpx; | |||||
padding-top: 22rpx; | |||||
z-index: 12; | z-index: 12; | ||||
/* background: #fff; */ | /* background: #fff; */ | ||||
} | } | ||||
.btnTxt{ | .btnTxt{ | ||||
/* margin-top: 30rpx; */ | |||||
width: 50rpx; | |||||
height: 30rpx; | |||||
line-height: 50rpx; | |||||
color: #FD782D; | color: #FD782D; | ||||
font-size: 20rpx; | font-size: 20rpx; | ||||
position: absolute; | |||||
right:42rpx ; | |||||
bottom: 15rpx; | |||||
} | } | ||||
.btns .fr,.btns .fl { | .btns .fr,.btns .fl { | ||||
@@ -591,8 +602,8 @@ button::after { | |||||
.btns .fl { | .btns .fl { | ||||
margin-left: 20rpx; | margin-left: 20rpx; | ||||
color: #fff; | color: #fff; | ||||
background: rgba(255, 169, 2, 1); | |||||
box-shadow: 0px 8px 8px 1px rgba(255, 169, 2, 0.32); | |||||
background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||||
/* box-shadow: 0px 8px 8px 1px rgba(255, 169, 2, 0.32); */ | |||||
} | } | ||||
.btns .fl text { | .btns .fl text { | ||||
@@ -610,8 +621,8 @@ button::after { | |||||
color: #fff; | color: #fff; | ||||
margin-right: 20rpx; | margin-right: 20rpx; | ||||
line-height: 95rpx; | line-height: 95rpx; | ||||
background: rgba(236, 59, 45, 1); | |||||
box-shadow: 0px 8px 8px 1px rgba(246, 93, 51, 0.32); | |||||
background: linear-gradient(90deg,rgba(40,179,255,1) 0%,rgba(48,103,255,1) 100%); | |||||
/* box-shadow: 0px 8px 8px 1px rgba(246, 93, 51, 0.32); */ | |||||
} | } | ||||
.support-tansfer { | .support-tansfer { | ||||
@@ -8,6 +8,8 @@ const QR = require("../../../utils/memberqrcode.js"); | |||||
Page({ | Page({ | ||||
data: { | data: { | ||||
code: "", | code: "", | ||||
topLine: imgurl.topLine.url, | |||||
btomLine: imgurl.btomLine.url, | |||||
lineUrl: imgurl.line.url, | lineUrl: imgurl.line.url, | ||||
wm01Url: imgurl.wm01.url, | wm01Url: imgurl.wm01.url, | ||||
wm02Url: imgurl.wm02.url, | wm02Url: imgurl.wm02.url, | ||||
@@ -1,113 +1,116 @@ | |||||
<view class="container page"> | |||||
<view class="coupon_detail clearfix"> | |||||
<view class="fl wmfl"> | |||||
<image src="{{data.coverImg}}" mode='aspectFill' /> | |||||
</view> | |||||
<view class="fr"> | |||||
<text class="title">{{data.title}}</text> | |||||
<view class="time">{{data.subTitle}}</view> | |||||
<view class="money"> | |||||
<text wx:if="{{data.type == 8&&data.price == data.couponPrice}}">¥{{data.couponPrice/100}}</text> | |||||
<text wx:if="{{data.type == 8&&data.price != data.couponPrice}}">¥{{data.salePrice/100}}</text> | |||||
<text wx:if="{{data.type != 8}}">¥{{data.salePrice/100}}</text> | |||||
<del>¥{{data.price/100}}</del> | |||||
<text class="refund" wx:if="{{data.autoRefund == 1}}"> | |||||
<text>过期不退款</text> | |||||
</text> | |||||
<view class='box'> | |||||
<view class="container page"> | |||||
<view class="coupon_detail clearfix"> | |||||
<view class="fl wmfl"> | |||||
<image src="{{data.coverImg}}" mode='aspectFill' /> | |||||
</view> | </view> | ||||
</view> | |||||
</view> | |||||
<view class="timevalidity" wx:if="{{data.validStatus != 0}}"> | |||||
<text>有效期至:</text> | |||||
<text>{{expiredTime}}</text> | |||||
</view> | |||||
<view class="timevalidity" wx:if="{{data.validStatus == 0}}"> | |||||
<text>有效期:</text> | |||||
<text>{{validStartDate}}</text> | |||||
<i>至</i> | |||||
<text>{{validEndDate}}</text> | |||||
</view> | |||||
<view wx:if="{{data.usePrice!=undefined}}" class="manjian">满{{data.usePrice/100}}元可用</view> | |||||
<view wx:if="{{data.usePrice==undefined}}" class="manjian">仅限本店使用</view> | |||||
<image class='line' mode="widthFix" src="{{lineUrl}}"></image> | |||||
<view class="zhuangtai"> | |||||
<image wx:if="{{data.couponOrderStatus==1}}" src="{{wm01Url}}" mode='widthFix'></image> | |||||
<image wx:if="{{data.couponOrderStatus==2}}" src="{{wm02Url}}" mode='widthFix'></image> | |||||
<image wx:if="{{data.couponOrderStatus==3}}" src="{{wm03Url}}" mode='widthFix'></image> | |||||
<image wx:if="{{data.couponOrderStatus==0&&data.validStatus==0}}" src="{{wm04Url}}" mode='widthFix'></image> | |||||
<view class="panel" wx:if="{{data.couponOrderStatus==0&&data.validStatus!=0}}"> | |||||
<!-- <view class="qrcode"> | |||||
<canvas canvas-id="qrcode" /> | |||||
</view> --> | |||||
<view class="canWrap"> | |||||
<canvas canvas-id="qrcode" style="width: 1200rpx; height: 800rpx;" /> | |||||
<view class="fr"> | |||||
<text class="title">{{data.title}}</text> | |||||
<view class="time">{{data.subTitle}}</view> | |||||
<view class="money"> | |||||
<text wx:if="{{data.type == 8&&data.price == data.couponPrice}}">¥{{data.couponPrice/100}}</text> | |||||
<text wx:if="{{data.type == 8&&data.price != data.couponPrice}}">¥{{data.salePrice/100}}</text> | |||||
<text wx:if="{{data.type != 8}}">¥{{data.salePrice/100}}</text> | |||||
<del>¥{{data.price/100}}</del> | |||||
<text class="refund" wx:if="{{data.autoRefund == 1}}"> | |||||
<text>过期不退款</text> | |||||
</text> | |||||
</view> | |||||
</view> | </view> | ||||
<image src="{{tempFilePath}}" mode="aspectFit" /> | |||||
<view class="barnum buy"> | |||||
<text>优惠券码:</text>{{code}}</view> | |||||
</view> | </view> | ||||
</view> | |||||
<view class="posi"> | |||||
<view class="tit"> | |||||
适用门店 | |||||
<view class="timevalidity" wx:if="{{data.validStatus != 0}}"> | |||||
<text>有效期至:</text> | |||||
<text>{{expiredTime}}</text> | |||||
</view> | </view> | ||||
<view wx:for="{{data.merchantVoList}}" wx:key="{{index}}"> | |||||
<view class='posi_logo'> | |||||
<view bindtap='gotoDetail' data-id='{{item.id}}'> | |||||
<image src='{{item.merchantImgUrl}}'></image> | |||||
</view> | |||||
<view bindtap='gotoDetail' data-id='{{item.id}}'> | |||||
<text>{{item.merchantName}}</text> | |||||
<text>{{item.addr}}{{item.buildingName}}{{item.floorName}}</text> | |||||
</view> | |||||
<view wx:if="{{item.linkLinePhone}}" bindtap='phone' data-merchantLinkPhone='{{item.linkLinePhone}}'> | |||||
<image class="tel" src="{{teljpgUrl}}" mode="widthFix" /> | |||||
<view class="timevalidity" wx:if="{{data.validStatus == 0}}"> | |||||
<text>有效期:</text> | |||||
<text>{{validStartDate}}</text> | |||||
<i>至</i> | |||||
<text>{{validEndDate}}</text> | |||||
</view> | |||||
<view wx:if="{{data.usePrice!=undefined}}" class="manjian">满{{data.usePrice/100}}元可用</view> | |||||
<view wx:if="{{data.usePrice==undefined}}" class="manjian">仅限本店使用</view> | |||||
<image class='line' mode="widthFix" src="{{topLine}}"></image> | |||||
<view class="zhuangtai"> | |||||
<image wx:if="{{data.couponOrderStatus==1}}" src="{{wm01Url}}" mode='widthFix'></image> | |||||
<image wx:if="{{data.couponOrderStatus==2}}" src="{{wm02Url}}" mode='widthFix'></image> | |||||
<image wx:if="{{data.couponOrderStatus==3}}" src="{{wm03Url}}" mode='widthFix'></image> | |||||
<image wx:if="{{data.couponOrderStatus==0&&data.validStatus==0}}" src="{{wm04Url}}" mode='widthFix'></image> | |||||
<view class="panel" wx:if="{{data.couponOrderStatus==0&&data.validStatus!=0}}"> | |||||
<!-- <view class="qrcode"> | |||||
<canvas canvas-id="qrcode" /> | |||||
</view> --> | |||||
<view class="canWrap"> | |||||
<canvas canvas-id="qrcode" style="width: 1200rpx; height: 800rpx;" /> | |||||
</view> | </view> | ||||
<image src="{{tempFilePath}}" mode="aspectFit" /> | |||||
<view class="barnum buy"> | |||||
<text>优惠券码:</text>{{code}}</view> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
</view> | |||||
<image class='line' mode="widthFix" src="{{lineUrl}}"></image> | |||||
<view class='note'> | |||||
<view style='height:60rpx;line-height:60rpx;'> | |||||
<text class="shiji">实付金额:</text> | |||||
<text class='moneys'>{{data.couponPrice/100}}</text> | |||||
<text style='font-size:24rpx;text-align:right;color: #FF4949;'>元</text> | |||||
</view> | |||||
<view wx:if="{{data.couponOrderStatus==0}}"> | |||||
<text>下单时间:</text> | |||||
<text>{{createDate}}</text> | |||||
</view> | |||||
<view wx:if="{{data.couponOrderStatus==1}}"> | |||||
<text>核销时间:</text> | |||||
<text>{{updateDate}}</text> | |||||
</view> | |||||
<view wx:if="{{data.couponOrderStatus==2}}"> | |||||
<text>过期时间:</text> | |||||
<text>{{updateDate}}</text> | |||||
<view class="posi"> | |||||
<view class="tit"> | |||||
适用门店 | |||||
</view> | |||||
<view wx:for="{{data.merchantVoList}}" wx:key="{{index}}"> | |||||
<view class='posi_logo'> | |||||
<view bindtap='gotoDetail' data-id='{{item.id}}'> | |||||
<image src='{{item.merchantImgUrl}}'></image> | |||||
</view> | |||||
<view bindtap='gotoDetail' data-id='{{item.id}}'> | |||||
<text>{{item.merchantName}}</text> | |||||
<text>{{item.addr}}{{item.buildingName}}{{item.floorName}}</text> | |||||
</view> | |||||
<view wx:if="{{item.linkLinePhone}}" bindtap='phone' data-merchantLinkPhone='{{item.linkLinePhone}}'> | |||||
<image class="tel" src="{{teljpgUrl}}" mode="widthFix" /> | |||||
</view> | |||||
</view> | |||||
</view> | |||||
</view> | </view> | ||||
<view wx:if="{{data.couponOrderStatus==3}}"> | |||||
<text>退款时间:</text> | |||||
<text>{{updateDate}}</text> | |||||
<image class='line' mode="widthFix" src="{{btomLine}}"></image> | |||||
<view class='note'> | |||||
<view style='height:60rpx;line-height:60rpx;'> | |||||
<text class="shiji">实付金额:</text> | |||||
<text class='moneys'>{{data.couponPrice/100}}</text> | |||||
<text style='font-size:24rpx;text-align:right;color: #FF4949;'>元</text> | |||||
</view> | |||||
<view wx:if="{{data.couponOrderStatus==0}}"> | |||||
<text>下单时间:</text> | |||||
<text>{{createDate}}</text> | |||||
</view> | |||||
<view wx:if="{{data.couponOrderStatus==1}}"> | |||||
<text>核销时间:</text> | |||||
<text>{{updateDate}}</text> | |||||
</view> | |||||
<view wx:if="{{data.couponOrderStatus==2}}"> | |||||
<text>过期时间:</text> | |||||
<text>{{updateDate}}</text> | |||||
</view> | |||||
<view wx:if="{{data.couponOrderStatus==3}}"> | |||||
<text>退款时间:</text> | |||||
<text>{{updateDate}}</text> | |||||
</view> | |||||
<view> | |||||
<text>订单编号:</text> | |||||
<text>{{data.orderId}}</text> | |||||
</view> | |||||
<!-- <view><text>手机号</text><text>2018.05.25</text></view> --> | |||||
</view> | </view> | ||||
<view> | |||||
<text>订单编号:</text> | |||||
<text>{{data.orderId}}</text> | |||||
<view class='notes' style="border-bottom:0"> | |||||
<view> | |||||
<text>购买须知</text> | |||||
</view> | |||||
<view> | |||||
<text><text class='spot'></text>{{data.remark}}</text> | |||||
</view> | |||||
</view> | </view> | ||||
<!-- <view><text>手机号</text><text>2018.05.25</text></view> --> | |||||
</view> | </view> | ||||
<view class='notes' style="border-bottom:0"> | |||||
<view> | |||||
<text>购买须知</text> | |||||
</view> | |||||
<view> | |||||
<text><text class='spot'></text>{{data.remark}}</text> | |||||
<view class='game' bindtap="gotogame" wx-if="{{showIf}}"> | |||||
<view class='game-entry'> | |||||
<image src="{{newUrl}}" class='gameimg' mode='widthFix'></image> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
</view> | |||||
<view class='game' bindtap="gotogame" wx-if="{{showIf}}"> | |||||
<view class='game-entry'> | |||||
<image src="{{newUrl}}" class='gameimg' mode='widthFix'></image> | |||||
</view> | |||||
</view> | </view> |
@@ -1,14 +1,19 @@ | |||||
.box{ | |||||
height: 100%; | |||||
background: linear-gradient(180deg,rgba(253,131,45,1) 0%,rgba(254,74,22,1) 100%); | |||||
} | |||||
.container { | .container { | ||||
background: #fff; | background: #fff; | ||||
width: 92%; | width: 92%; | ||||
margin: 8% auto 6%; | margin: 8% auto 6%; | ||||
border-radius: 16rpx; | border-radius: 16rpx; | ||||
} | } | ||||
page { | page { | ||||
background: #02c0ff; | |||||
/* background: #02c0ff; */ | |||||
background: linear-gradient(180deg,rgba(253,131,45,1) 0%,rgba(254,74,22,1) 100%); | |||||
height: auto !important; | height: auto !important; | ||||
padding-bottom: 20rpx; | |||||
/* padding-bottom: 20rpx; */ | |||||
} | } | ||||
.panel, .zhuangtai image { | .panel, .zhuangtai image { | ||||
@@ -3,5 +3,6 @@ | |||||
"i-tab": "../../../dist/tab/index", | "i-tab": "../../../dist/tab/index", | ||||
"i-tabs": "../../../dist/tabs/index" | "i-tabs": "../../../dist/tabs/index" | ||||
}, | }, | ||||
"navigationBarTitleText": "消费卡" | |||||
"navigationBarTitleText": "消费卡", | |||||
"navigationBarBackgroundColor": "#F4F5F9" | |||||
} | } |
@@ -3,8 +3,8 @@ | |||||
<view class='content'> | <view class='content'> | ||||
<view class="market clearfix"> | <view class="market clearfix"> | ||||
<view class='tabss'> | <view class='tabss'> | ||||
<i-tabs current="{{current_scroll}}" scroll bindchange="handleChangeScroll"> | |||||
<i-tab wx:for="{{tabData}}" wx:key="unique" key="{{item.id}}" title="{{item.title}}"></i-tab> | |||||
<i-tabs current="{{current_scroll}}" scroll bindchange="handleChangeScroll"> | |||||
<i-tab wx:for="{{tabData}}" wx:key="unique" key="{{item.id}}" title="{{item.title}}"></i-tab> | |||||
</i-tabs> | </i-tabs> | ||||
</view> | </view> | ||||
<view class='cards clearfix'> | <view class='cards clearfix'> | ||||
@@ -24,7 +24,11 @@ | |||||
<text>{{item.title}}</text> | <text>{{item.title}}</text> | ||||
</view> | </view> | ||||
<view class='buycardbtn'> | <view class='buycardbtn'> | ||||
<button>{{item.salePriceStr}}元 <text>购买</text></button> | |||||
<view> | |||||
<text class='rmb'>¥</text> | |||||
<text class='price'>{{item.salePriceStr}}</text> | |||||
</view> | |||||
<view>购买</view> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
@@ -1,5 +1,6 @@ | |||||
page{ | page{ | ||||
height: auto!important; | height: auto!important; | ||||
background: #F4F5F9; | |||||
} | } | ||||
.header image{ | .header image{ | ||||
width: 100%; | width: 100%; | ||||
@@ -22,6 +23,8 @@ page{ | |||||
display: inline-block; | display: inline-block; | ||||
} | } | ||||
.section { | .section { | ||||
position: relative; | position: relative; | ||||
width: 48%; | width: 48%; | ||||
@@ -41,7 +44,7 @@ page{ | |||||
} | } | ||||
.mms { | .mms { | ||||
background: #fff; | background: #fff; | ||||
padding: 0; | |||||
padding: 20rpx; | |||||
border-radius: 16rpx; | border-radius: 16rpx; | ||||
box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.10); | box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.10); | ||||
} | } | ||||
@@ -69,21 +72,20 @@ page{ | |||||
.detail_msg image { | .detail_msg image { | ||||
display: block; | display: block; | ||||
width: 100%; | width: 100%; | ||||
height: 200rpx!important; | |||||
height: 176rpx!important; | |||||
border-radius: 16rpx; | border-radius: 16rpx; | ||||
} | } | ||||
.detail_msg text{ | .detail_msg text{ | ||||
display: block; | display: block; | ||||
font-size:28rpx; | |||||
height: 65rpx; | |||||
line-height: 65rpx; | |||||
color: #333; | |||||
text-align: center; | |||||
font-size:30rpx; | |||||
height: 40rpx; | |||||
line-height: 40rpx; | |||||
color: #3C3C3C; | |||||
white-space: nowrap; | white-space: nowrap; | ||||
text-overflow: ellipsis; | text-overflow: ellipsis; | ||||
overflow: hidden; | overflow: hidden; | ||||
width: 320rpx; | width: 320rpx; | ||||
margin: 0 auto; | |||||
margin-top: 24rpx; | |||||
} | } | ||||
.info view:nth-child(1) { | .info view:nth-child(1) { | ||||
display: flex; | display: flex; | ||||
@@ -140,16 +142,29 @@ page{ | |||||
} | } | ||||
.buycardbtn{ | .buycardbtn{ | ||||
display: flex; | display: flex; | ||||
flex: 2; | |||||
justify-content: space-between; | |||||
margin: 10rpx 0 0 0; | |||||
} | |||||
.buycardbtn .rmb{ | |||||
font-size: 24rpx; | |||||
} | |||||
.buycardbtn .price{ | |||||
font-size: 40rpx; | |||||
} | } | ||||
.buycardbtn button{ | |||||
flex: 1; | |||||
.buycardbtn view:nth-child(1){ | |||||
color: #FD782D; | |||||
} | |||||
.buycardbtn view:nth-child(2){ | |||||
width: 88rpx; | |||||
height: 52rpx; | |||||
line-height: 52rpx; | |||||
font-size: 28rpx; | font-size: 28rpx; | ||||
color:#FF3535!important; | |||||
background: none; | |||||
border-top:1px solid #eee; | |||||
border-radius: 0!important; | |||||
color:#FFF!important; | |||||
background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||||
border-radius: 20rpx!important; | |||||
text-align: center; | |||||
} | } | ||||
button::after{ border: none; } | button::after{ border: none; } | ||||
.buycardbtn button text{ | .buycardbtn button text{ | ||||
margin-left: 10rpx; | margin-left: 10rpx; | ||||
@@ -233,7 +248,7 @@ button::after{ border: none; } | |||||
} | } | ||||
.cards{ | .cards{ | ||||
margin-top: 30rpx; | margin-top: 30rpx; | ||||
padding: 0 40rpx; | |||||
padding: 0 20rpx; | |||||
} | } | ||||
.cantransferred{ | .cantransferred{ | ||||
position: absolute; | position: absolute; | ||||
@@ -9,6 +9,8 @@ Page({ | |||||
* 页面的初始数据 | * 页面的初始数据 | ||||
*/ | */ | ||||
data: { | data: { | ||||
noMerchant: imgurl.noMerchant.url, | |||||
noCoupon: imgurl.noCoupon.url, | |||||
poterbg: imgurl.poterbg.url, | poterbg: imgurl.poterbg.url, | ||||
teljpgUrl: imgurl.teljpg.url, | teljpgUrl: imgurl.teljpg.url, | ||||
fenxiang: imgurl.fenxiang.url, | fenxiang: imgurl.fenxiang.url, | ||||
@@ -22,7 +22,6 @@ | |||||
<text>{{data.merchantName}}</text> | <text>{{data.merchantName}}</text> | ||||
<text class='title'>{{data.title}}</text> | <text class='title'>{{data.title}}</text> | ||||
</view> | </view> | ||||
<view class='fenxiang' wx:if="{{data.type!=50&&data.type!=51}}" bindtap='showshare'> | <view class='fenxiang' wx:if="{{data.type!=50&&data.type!=51}}" bindtap='showshare'> | ||||
<image class="fenxiang" src='{{fenxiang}}' mode="widthFix"></image> | <image class="fenxiang" src='{{fenxiang}}' mode="widthFix"></image> | ||||
<text class='gift'>分享有礼</text> | <text class='gift'>分享有礼</text> | ||||
@@ -71,11 +70,13 @@ | |||||
<!-- 商户简介 --> | <!-- 商户简介 --> | ||||
<view class='merchant-phones'> | <view class='merchant-phones'> | ||||
<view class="swiper-tab"> | <view class="swiper-tab"> | ||||
<view class="swiper-tab-item {{currentTab==0?'active-tab':''}}" data-current="0" bindtap="clickTab"> | |||||
<view class="swiper-tab-item " data-current="0" bindtap="clickTab"> | |||||
优惠信息 | 优惠信息 | ||||
<view class="{{currentTab==0?'active-tab':''}}"></view> | |||||
</view> | </view> | ||||
<view class="swiper-tab-item {{currentTab==1?'active-tab':''}}" data-current="1" bindtap="clickTab"> | |||||
<view class="swiper-tab-item" data-current="1" bindtap="clickTab"> | |||||
商家简介 | 商家简介 | ||||
<view class="{{currentTab==1?'active-tab':''}}"></view> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class='swiperactive'> | <view class='swiperactive'> | ||||
@@ -85,7 +86,7 @@ | |||||
<c-coupons wx:if="{{couponList.length!=0}}" wx:for="{{couponList}}" from="fromMerchant" paramAtoB="{{loading}}" wx:key="unique" data="{{item}}" list="{{couponList}}" /> | <c-coupons wx:if="{{couponList.length!=0}}" wx:for="{{couponList}}" from="fromMerchant" paramAtoB="{{loading}}" wx:key="unique" data="{{item}}" list="{{couponList}}" /> | ||||
</view> | </view> | ||||
<view class='dingdan' wx:if="{{couponList.length==0}}"> | <view class='dingdan' wx:if="{{couponList.length==0}}"> | ||||
<image src="{{actUrl}}" mode="widthFix"></image> | |||||
<image src="{{noCoupon}}" mode="widthFix"></image> | |||||
<text>请您敬请期待</text> | <text>请您敬请期待</text> | ||||
<text>我们正在筹备一大波优惠活动</text> | <text>我们正在筹备一大波优惠活动</text> | ||||
</view> | </view> | ||||
@@ -97,8 +98,9 @@ | |||||
</view> | </view> | ||||
<!-- 商户简介 --> | <!-- 商户简介 --> | ||||
<view wx:elif="{{currentTab==1}}"> | <view wx:elif="{{currentTab==1}}"> | ||||
<image src="{{noMerchant}}" mode="widthFix"></image> | |||||
<text wx:if="{{data.introduction}}">{{data.introduction}}</text> | <text wx:if="{{data.introduction}}">{{data.introduction}}</text> | ||||
<text wx:else>信息完善中,敬请期待。</text> | |||||
<text wx:else>信息完善中,敬请期待~</text> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class='merchant-info'> | <view class='merchant-info'> | ||||
@@ -175,11 +175,11 @@ | |||||
.merchants text { | .merchants text { | ||||
display: block; | display: block; | ||||
text-align: left; | |||||
/* text-align: left; */ | |||||
font-size: 26rpx; | font-size: 26rpx; | ||||
margin-bottom: 6rpx; | margin-bottom: 6rpx; | ||||
height: 26rpx; | |||||
line-height: 26rpx; | |||||
/* height: 26rpx; */ | |||||
line-height: 24rpx; | |||||
color: #A6A6A6; | color: #A6A6A6; | ||||
} | } | ||||
@@ -230,25 +230,35 @@ | |||||
.swiper-tab { | .swiper-tab { | ||||
text-align: left; | text-align: left; | ||||
width: 100%; | |||||
width: 70%; | |||||
display: flex; | display: flex; | ||||
flex-flow: row; | flex-flow: row; | ||||
justify-content: space-around; | |||||
height: 88rpx; | height: 88rpx; | ||||
line-height: 88rpx; | line-height: 88rpx; | ||||
margin-bottom: 30rpx; | margin-bottom: 30rpx; | ||||
padding: 0 15%; | |||||
} | } | ||||
.swiper-tab-item { | .swiper-tab-item { | ||||
color: #434343; | color: #434343; | ||||
font-size: 30rpx; | font-size: 30rpx; | ||||
margin-right: 50rpx; | margin-right: 50rpx; | ||||
position: relative; | |||||
} | } | ||||
.active-tab { | .active-tab { | ||||
color: #af6e34; | |||||
border-bottom: 6rpx solid #af6e34; | |||||
color: #FD782D; | |||||
display: block; | |||||
width: 72%; | |||||
height: 8rpx; | |||||
background: 0 0; | |||||
position: absolute; | |||||
bottom: 0; | |||||
left: 15%; | |||||
background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||||
border-radius: 100px; | |||||
} | } | ||||
.fenxiang { | .fenxiang { | ||||
position: absolute; | position: absolute; | ||||
right: 0; | right: 0; | ||||
@@ -318,7 +328,17 @@ | |||||
min-height: 400rpx; | min-height: 400rpx; | ||||
padding-bottom: 44rpx; | padding-bottom: 44rpx; | ||||
} | } | ||||
.swiperactive image{ | |||||
display: block; | |||||
width: 300rpx; | |||||
margin: 30rpx auto 0; | |||||
} | |||||
.swiperactive text{ | |||||
/* margin: 30rpx auto 0; */ | |||||
display:block; | |||||
text-align:center; | |||||
color: #A6A6A6; | |||||
} | |||||
.modal { | .modal { | ||||
width: 100%; | width: 100%; | ||||
height: 100%; | height: 100%; | ||||
@@ -399,6 +419,7 @@ | |||||
width: 300rpx; | width: 300rpx; | ||||
margin: 30rpx auto 0; | margin: 30rpx auto 0; | ||||
} | } | ||||
button::after{ border: none; } | button::after{ border: none; } | ||||
.goback{ | .goback{ | ||||
position: fixed; | position: fixed; | ||||
@@ -69,9 +69,12 @@ Page({ | |||||
showEdit: true | showEdit: true | ||||
}) | }) | ||||
} | } | ||||
console.log(res.data,22222222222) | |||||
that.setData({ | that.setData({ | ||||
score: res.data.score, | score: res.data.score, | ||||
levelName: res.data.levelName, | levelName: res.data.levelName, | ||||
upgradePercent: res.data.upgradePercent, | |||||
upgradeScore: res.data.upgradeScore | |||||
}) | }) | ||||
if (res.data.nickName) { | if (res.data.nickName) { | ||||
that.setData({ | that.setData({ | ||||
@@ -124,39 +127,6 @@ Page({ | |||||
url: '/pages/integralmall/integraHistory/index', | url: '/pages/integralmall/integraHistory/index', | ||||
}) | }) | ||||
}, | }, | ||||
getmemberId: function (token) { | |||||
let that = this; | |||||
Http.get({ | |||||
url: config.api.getScore, | |||||
data: { | |||||
token: token | |||||
} | |||||
}).then(res => { | |||||
that.setData({ | |||||
levelName: res.data.levelName, | |||||
upgradePercent: res.data.upgradePercent, | |||||
upgradeScore: res.data.upgradeScore, | |||||
credit: res.data.credit ? res.data.credit : 0, | |||||
score: res.data.score | |||||
}) | |||||
if (res.data.nickName) { | |||||
that.setData({ | |||||
ismember: true, | |||||
memberId: res.data.id | |||||
}) | |||||
var initUrl = JSON.stringify({ | |||||
flagid: res.data.id | |||||
}); | |||||
} | |||||
}) | |||||
.catch(err => { | |||||
wx.showModal({ | |||||
title: '提示', | |||||
content: err.message, | |||||
showCancel: false | |||||
}) | |||||
}) | |||||
}, | |||||
getList(pageNum) { | getList(pageNum) { | ||||
var that = this; | var that = this; | ||||
console.log(pageNum) | console.log(pageNum) | ||||
@@ -13,17 +13,17 @@ | |||||
<text class='chengzhang '>{{levelName}}</text> | <text class='chengzhang '>{{levelName}}</text> | ||||
</view> | </view> | ||||
<view class="view"> | <view class="view"> | ||||
<!-- 成长值<text class="score">{{score}}</text> --> | |||||
<progress percent="{{upgradePercent}}" stroke-width="6" activeColor="#FFB287" /> | <progress percent="{{upgradePercent}}" stroke-width="6" activeColor="#FFB287" /> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class='msg'>还需{{upgradeScore}}成长值升级</view> | <view class='msg'>还需{{upgradeScore}}成长值升级</view> | ||||
</view> | </view> | ||||
<view class='topbg-btom'> | |||||
<view class='topbg-btom'bindtap='gotojifen' mode='widthFix'> | |||||
<view class='btoml'> | <view class='btoml'> | ||||
<view class='score'>{{creditAmount}}</view> | <view class='score'>{{creditAmount}}</view> | ||||
<view class='jifen'> | <view class='jifen'> | ||||
<text>可用积分</text>> | |||||
<text>积分详情</text>> | |||||
<image src="{{rightHr}}" class='right' mode='widthFix'></image> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<!-- 二维码 --> | <!-- 二维码 --> | ||||
@@ -41,7 +41,7 @@ | |||||
margin:0 20rpx; | margin:0 20rpx; | ||||
} | } | ||||
.usre_level{ | .usre_level{ | ||||
/* width:70rpx; */ | |||||
width:70rpx; | |||||
height:32rpx; | height:32rpx; | ||||
background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | ||||
border-radius:9px 9px 9px 0px; | border-radius:9px 9px 9px 0px; | ||||
@@ -102,6 +102,10 @@ progress{ | |||||
top: 176rpx; | top: 176rpx; | ||||
left:70rpx; | left:70rpx; | ||||
} | } | ||||
.jifen image{ | |||||
width: 10rpx; | |||||
height: 22rpx; | |||||
} | |||||
.topbg .score{ | .topbg .score{ | ||||
font-size: 40rpx; | font-size: 40rpx; | ||||
font-weight: 500; | font-weight: 500; | ||||
@@ -205,7 +209,7 @@ image{ | |||||
width: 40%; | width: 40%; | ||||
height: 100%; | height: 100%; | ||||
float: left; | float: left; | ||||
margin-left: 20rpx; | |||||
/* margin-left: 20rpx; */ | |||||
color: #A6A6A6; | color: #A6A6A6; | ||||
overflow: hidden; | overflow: hidden; | ||||
text-overflow:ellipsis; | text-overflow:ellipsis; | ||||
@@ -311,9 +315,9 @@ image{ | |||||
font-weight:500; | font-weight:500; | ||||
text-align: center; | text-align: center; | ||||
color:rgba(255,255,255,1); | color:rgba(255,255,255,1); | ||||
line-height:44rpx; | |||||
line-height:52rpx; | |||||
margin: 88rpx 24rpx 0 0; | margin: 88rpx 24rpx 0 0; | ||||
margin-top: 110rpx; | |||||
margin-top: 90rpx; | |||||
} | } | ||||
.right-text{ | .right-text{ | ||||
font-size:22rpx; | font-size:22rpx; | ||||
@@ -141,6 +141,12 @@ Page({ | |||||
url: '/pages/spellGroup/spellGroup', | url: '/pages/spellGroup/spellGroup', | ||||
}) | }) | ||||
}, | }, | ||||
//跳往显示抢购 | |||||
gotoRushList: function () { | |||||
wx.navigateTo({ | |||||
url: '/pages/rushToBuy/index', | |||||
}) | |||||
}, | |||||
//搜索门店 | //搜索门店 | ||||
// searchbar:function(){ | // searchbar:function(){ | ||||
// wx.switchTab({ | // wx.switchTab({ | ||||
@@ -57,8 +57,8 @@ | |||||
<text>积分商城</text> | <text>积分商城</text> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
<!-- 每日头条 --> | |||||
<view class='toutiao'> | |||||
<!-- 每日头条 限时抢购 --> | |||||
<view class='toutiao' bindtap='gotoRushList'> | |||||
<view class='imgBox'> | <view class='imgBox'> | ||||
<image src='{{toutiao}}' mode='aspectFill'></image> | <image src='{{toutiao}}' mode='aspectFill'></image> | ||||
</view> | </view> | ||||
@@ -2,18 +2,18 @@ | |||||
<view wx:if="{{order.orderStatus==1}}" class='tips'> | <view wx:if="{{order.orderStatus==1}}" class='tips'> | ||||
<image class='success' src='{{succUrl}}' mode='widthFix'></image> | <image class='success' src='{{succUrl}}' mode='widthFix'></image> | ||||
<view wx:if="{{order.salePrice/100==0}}" class='msg' > | <view wx:if="{{order.salePrice/100==0}}" class='msg' > | ||||
<text>领取成功</text> | |||||
<text>请尽快到门店使用,有效期至{{}}</text> | |||||
<text>交易成功</text> | |||||
<!-- <text>请尽快到门店使用,有效期至{{}}</text> --> | |||||
</view> | </view> | ||||
<view wx:if="{{order.salePrice/100!=0}}" class='msg'> | <view wx:if="{{order.salePrice/100!=0}}" class='msg'> | ||||
<text>付款成功</text> | <text>付款成功</text> | ||||
<text>请尽快到门店使用,有效期至{{}}</text> | |||||
<!-- <text>请尽快到门店使用,有效期至{{}}</text> --> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class='section'> | <view class='section'> | ||||
<view class='sectionTit'> | <view class='sectionTit'> | ||||
<text>{{order.title}}</text> | <text>{{order.title}}</text> | ||||
<view> | |||||
<!-- <view> | |||||
<text>{{item.title}}</text> | <text>{{item.title}}</text> | ||||
<text class='wait' wx:if="{{item.orderStatus==0}}">等待付款</text> | <text class='wait' wx:if="{{item.orderStatus==0}}">等待付款</text> | ||||
<text class='wait' wx:if="{{item.orderStatus==10}}">拼团中</text> | <text class='wait' wx:if="{{item.orderStatus==10}}">拼团中</text> | ||||
@@ -32,7 +32,7 @@ | |||||
<text class='sucess' wx:if="{{item.orderStatus==1&&item.salePrice==0&&item.type!=50&&item.type!=51}}">免费领取</text> | <text class='sucess' wx:if="{{item.orderStatus==1&&item.salePrice==0&&item.type!=50&&item.type!=51}}">免费领取</text> | ||||
<text class='sucess' wx:if="{{item.orderStatus==1&&item.salePrice==0&&(item.type==50||item.type==51)}}">积分兑换</text> | <text class='sucess' wx:if="{{item.orderStatus==1&&item.salePrice==0&&(item.type==50||item.type==51)}}">积分兑换</text> | ||||
<text class='sucess' wx:if="{{item.orderStatus==1&&item.salePrice!=0}}">付款成功</text> | <text class='sucess' wx:if="{{item.orderStatus==1&&item.salePrice!=0}}">付款成功</text> | ||||
</view> | |||||
</view> --> | |||||
</view> | </view> | ||||
<view class='detail_msg'> | <view class='detail_msg'> | ||||
<view class='logo'> | <view class='logo'> | ||||
@@ -19,7 +19,7 @@ page { | |||||
.tips { | .tips { | ||||
width: 92%; | width: 92%; | ||||
height: 100rpx; | |||||
height: 70rpx; | |||||
background: #2C8DFF; | background: #2C8DFF; | ||||
color: #fff; | color: #fff; | ||||
padding: 20rpx 4% 0; | padding: 20rpx 4% 0; | ||||
@@ -92,9 +92,11 @@ page { | |||||
color: #3C3C3C; | color: #3C3C3C; | ||||
} | } | ||||
.info view:nth-child(1) { | .info view:nth-child(1) { | ||||
display: flex; | |||||
justify-content: space-between; | |||||
padding: 0 4%; | padding: 0 4%; | ||||
width: 80%; | |||||
overflow:hidden; | |||||
text-overflow:ellipsis; | |||||
white-space:nowrap; | |||||
} | } | ||||
.info { | .info { | ||||
@@ -56,6 +56,14 @@ Page({ | |||||
url: `/pages/order/detail/index?orderId=${e.currentTarget.dataset.id}&flag='pay'` | url: `/pages/order/detail/index?orderId=${e.currentTarget.dataset.id}&flag='pay'` | ||||
}) | }) | ||||
}, | }, | ||||
//再次购买 | |||||
gotopayAgain: function (e) { | |||||
wx.navigateTo({ | |||||
url: `/pages/coupon/detail/index?couponChannelId=${ | |||||
e.currentTarget.dataset.couponchannelid | |||||
}&couponId=${e.currentTarget.dataset.couponid}` | |||||
}); | |||||
}, | |||||
// gotoSpellPay(e) { | // gotoSpellPay(e) { | ||||
// console.log(e, 333) | // console.log(e, 333) | ||||
// let data = e.currentTarget.dataset.data | // let data = e.currentTarget.dataset.data | ||||
@@ -68,7 +68,7 @@ | |||||
<view wx:if="{{item.orderStatus==5}}" style="background:#999;opacity: .6;" class="btn"> | <view wx:if="{{item.orderStatus==5}}" style="background:#999;opacity: .6;" class="btn"> | ||||
<text>退款失败</text> | <text>退款失败</text> | ||||
</view> | </view> | ||||
<view wx:if="{{item.orderStatus==2}}" class="btnGm" data-id="{{item.id}}" bindtap=""> | |||||
<view wx:if="{{item.orderStatus==2}}" class="btnGm" data-id="{{item.id}}" bindtap="gotopayAgain" data-couponId="{{item.couponId}}" data-couponChannelId="{{item.id}}" data-targetAd="{{item.targetAd}}" > | |||||
<text class='txGm'>再次购买</text> | <text class='txGm'>再次购买</text> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
@@ -235,14 +235,14 @@ | |||||
bottom: 0; | bottom: 0; | ||||
margin: auto; | margin: auto; | ||||
right: 20rpx; | right: 20rpx; | ||||
width: 140rpx; | |||||
width: 118rpx; | |||||
height: 52rpx; | height: 52rpx; | ||||
line-height: 52rpx; | line-height: 52rpx; | ||||
text-align: center; | text-align: center; | ||||
color: #fff; | color: #fff; | ||||
float: right; | float: right; | ||||
font-size: 28rpx; | font-size: 28rpx; | ||||
border: 2rpx solid #02c0ff; | |||||
border: 2rpx solid #2C8DFF; | |||||
border-radius: 30rpx; | border-radius: 30rpx; | ||||
} | } | ||||
@@ -251,7 +251,7 @@ | |||||
color: #FFFFFF; | color: #FFFFFF; | ||||
} | } | ||||
.txGm{ | .txGm{ | ||||
font-size: 24rpx; | |||||
font-size: 26rpx!important; | |||||
color: #2C8DFF!important; | color: #2C8DFF!important; | ||||
} | } | ||||
.dingdan { | .dingdan { | ||||
@@ -1,4 +1,5 @@ | |||||
<view class="couponbg"> | |||||
<view class='couponBox'> | |||||
<view class="couponbg"> | |||||
<view class="title">{{title}}</view> | <view class="title">{{title}}</view> | ||||
<!-- <view class="subtitle">{{subtitle}}</view> --> | <!-- <view class="subtitle">{{subtitle}}</view> --> | ||||
<image class='line' src='{{topLineUrl}}' mode="widthFix"></image> | <image class='line' src='{{topLineUrl}}' mode="widthFix"></image> | ||||
@@ -37,11 +38,12 @@ | |||||
<text><text class='spot'></text>{{remark}}</text> | <text><text class='spot'></text>{{remark}}</text> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
</view> | |||||
<view class='game' bindtap="gotogame" wx-if="{{showIf}}"> | |||||
<view class='game-entry'> | |||||
<image src="{{staticGamedata.imgUrl}}" class='gameimg' mode='widthFix'></image> | |||||
<text>用户专享神秘礼物</text> | |||||
<text>独家福利,抢完即止</text> | |||||
</view> | </view> | ||||
</view> | |||||
<view class='game' bindtap="gotogame" wx-if="{{showIf}}"> | |||||
<view class='game-entry'> | |||||
<image src="{{staticGamedata.imgUrl}}" class='gameimg' mode='widthFix'></image> | |||||
<text>用户专享神秘礼物</text> | |||||
<text>独家福利,抢完即止</text> | |||||
</view> | |||||
</view> | |||||
</view> |
@@ -1,14 +1,17 @@ | |||||
@import "../../app.wxss"; | @import "../../app.wxss"; | ||||
page { | page { | ||||
} | |||||
.couponBox{ | |||||
height: 100%; | |||||
background:linear-gradient(180deg,rgba(253,131,45,1) 0%,rgba(254,74,22,1) 100%); | background:linear-gradient(180deg,rgba(253,131,45,1) 0%,rgba(254,74,22,1) 100%); | ||||
} | } | ||||
.couponbg { | .couponbg { | ||||
position: relative; | position: relative; | ||||
background: #fff; | background: #fff; | ||||
overflow: hidden; | overflow: hidden; | ||||
width: 92%; | width: 92%; | ||||
margin: 8% auto 6%; | |||||
margin: 0 auto 6%; | |||||
border-radius: 16rpx; | border-radius: 16rpx; | ||||
} | } | ||||
@@ -3,5 +3,6 @@ | |||||
"i-tab": "../../../dist/tab/index", | "i-tab": "../../../dist/tab/index", | ||||
"i-tabs": "../../../dist/tabs/index" | "i-tabs": "../../../dist/tabs/index" | ||||
}, | }, | ||||
"navigationBarTitleText": "停车券" | |||||
"navigationBarTitleText": "停车券", | |||||
"navigationBarBackgroundColor": "#F4F5F9" | |||||
} | } |
@@ -30,7 +30,7 @@ | |||||
<view hover-class='active' wx:elif="{{item.couponOrderStatus==1||item.couponOrderStatus==2||item.couponOrderStatus==3}}" class="btns">查看</view> | <view hover-class='active' wx:elif="{{item.couponOrderStatus==1||item.couponOrderStatus==2||item.couponOrderStatus==3}}" class="btns">查看</view> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
<image class="liness" src='{{linessUrl}}' mode="widthFix"></image> | |||||
<!-- <image class="liness" src='{{linessUrl}}' mode="widthFix"></image> --> | |||||
<view class='expiretime'> | <view class='expiretime'> | ||||
<text class="txt1">有效期至:</text> | <text class="txt1">有效期至:</text> | ||||
<text class="txt2">{{item.expiredTime}}</text> | <text class="txt2">{{item.expiredTime}}</text> | ||||
@@ -1,7 +1,7 @@ | |||||
.market { | .market { | ||||
width: 100%; | width: 100%; | ||||
height: 100%; | height: 100%; | ||||
/* background: #f5f5f5; */ | |||||
background: #F4F5F9; | |||||
} | } | ||||
.tabs { | .tabs { | ||||
@@ -13,6 +13,7 @@ | |||||
left: 0; | left: 0; | ||||
right: 0; | right: 0; | ||||
z-index: 100000; | z-index: 100000; | ||||
background: #FFF; | |||||
} | } | ||||
.i-tab { | .i-tab { | ||||
@@ -26,29 +27,31 @@ | |||||
.mms { | .mms { | ||||
width: 690rpx; | width: 690rpx; | ||||
height: 170rpx !important; | |||||
height: 180rpx !important; | |||||
background: #fff; | background: #fff; | ||||
padding: 30rpx 0 0; | |||||
/* padding: 30rpx 0 0; */ | |||||
margin: 0 auto 40rpx; | margin: 0 auto 40rpx; | ||||
border-radius: 16rpx; | |||||
border-top: 8rpx solid #02b7ff; | |||||
/* border-radius: 16rpx; */ | |||||
/* border-top: 8rpx solid #02b7ff; */ | |||||
box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.10); | box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.10); | ||||
} | } | ||||
.detail_msg { | .detail_msg { | ||||
display: flex; | display: flex; | ||||
padding-bottom: 26rpx; | |||||
padding-top: 16rpx; | |||||
padding-bottom: 16rpx; | |||||
background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||||
} | } | ||||
.expiretime { | .expiretime { | ||||
display: block; | display: block; | ||||
width: 100%; | width: 100%; | ||||
text-align: left; | text-align: left; | ||||
text-indent: 1em; | |||||
height: 40rpx; | |||||
line-height: 36rpx; | |||||
text-indent: 0.5em; | |||||
height: 54rpx; | |||||
line-height: 45rpx; | |||||
font-size: 22rpx; | font-size: 22rpx; | ||||
color: #333; | |||||
color: #A6A6A6; | |||||
letter-spacing: 0; | letter-spacing: 0; | ||||
} | } | ||||
@@ -60,10 +63,10 @@ | |||||
.logo { | .logo { | ||||
width: 60rpx; | width: 60rpx; | ||||
height: 60rpx; | height: 60rpx; | ||||
border: 1px solid #f8f8f8; | |||||
/* border: 1px solid #f8f8f8; */ | |||||
border-radius: 50rpx; | border-radius: 50rpx; | ||||
display: block; | display: block; | ||||
margin-left: 20rpx; | |||||
margin: 15rpx 20rpx 0 20rpx; | |||||
} | } | ||||
.logo image { | .logo image { | ||||
@@ -75,18 +78,20 @@ | |||||
.info view:nth-child(1) { | .info view:nth-child(1) { | ||||
display: flex; | display: flex; | ||||
justify-content: space-between; | justify-content: space-between; | ||||
padding: 0 2%; | |||||
padding: 0 4%; | |||||
margin-top: 15rpx; | |||||
} | } | ||||
.info { | .info { | ||||
width: 100%; | width: 100%; | ||||
border-left: 1rpx #FFF dashed; | |||||
} | } | ||||
.info view:nth-child(1) text { | .info view:nth-child(1) text { | ||||
font-size: 32rpx; | font-size: 32rpx; | ||||
line-height: 32rpx; | line-height: 32rpx; | ||||
height: 32rpx; | height: 32rpx; | ||||
color: #333; | |||||
color: #FFFFFF; | |||||
letter-spacing: 0; | letter-spacing: 0; | ||||
width: 400rpx; | width: 400rpx; | ||||
display: inline-block; | display: inline-block; | ||||
@@ -96,9 +101,9 @@ | |||||
} | } | ||||
.info view:nth-child(2) { | .info view:nth-child(2) { | ||||
padding-left: 2%; | |||||
padding-left: 4%; | |||||
font-size: 22rpx; | font-size: 22rpx; | ||||
color: #333; | |||||
color: #FFFFFF; | |||||
letter-spacing: 0; | letter-spacing: 0; | ||||
margin-top: 6rpx; | margin-top: 6rpx; | ||||
display: inline-block; | display: inline-block; | ||||
@@ -120,20 +125,20 @@ | |||||
height: 48rpx; | height: 48rpx; | ||||
line-height: 48rpx; | line-height: 48rpx; | ||||
text-align: center; | text-align: center; | ||||
border: 2rpx solid #02c0ff; | |||||
border: 2rpx solid #fff; | |||||
border-radius: 60rpx; | border-radius: 60rpx; | ||||
color: #02c0ff; | |||||
color: #fff; | |||||
font-size: 28rpx; | font-size: 28rpx; | ||||
} | } | ||||
.active { | .active { | ||||
color: #fff; | color: #fff; | ||||
background: #02c0ff; | |||||
/* background: #02c0ff; */ | |||||
} | } | ||||
.txt1 { | .txt1 { | ||||
font-size: 22rpx; | font-size: 22rpx; | ||||
color: #333; | |||||
color: #A6A6A6; | |||||
letter-spacing: 0; | letter-spacing: 0; | ||||
} | } | ||||
@@ -1,6 +1,6 @@ | |||||
{ | { | ||||
"component": true, | "component": true, | ||||
"usingComponents": {}, | "usingComponents": {}, | ||||
"navigationBarTitleText": "停车", | |||||
"navigationBarTitleText": "智能停车", | |||||
"enablePullDownRefresh": true | "enablePullDownRefresh": true | ||||
} | } |
@@ -1,46 +1,46 @@ | |||||
<view class='contain'> | <view class='contain'> | ||||
<view class='content'> | <view class='content'> | ||||
<view class="tit">Q1.我怎么添加车牌呢?</view> | |||||
<view class="tit"><view class='Q'>Q</view><view class='right'>我怎么添加车牌呢?</view></view> | |||||
<view class='description'>首次使用“停车缴费”的用户需绑定车牌号,即可为车辆进行缴费 。您可以最多添加三张车牌。</view> | <view class='description'>首次使用“停车缴费”的用户需绑定车牌号,即可为车辆进行缴费 。您可以最多添加三张车牌。</view> | ||||
</view> | </view> | ||||
<view class='content'> | <view class='content'> | ||||
<view class="tit">Q2.有哪些方式可以支持停车费?</view> | |||||
<view class="tit"><view class='Q'>Q</view><view class='right'>有哪些方式可以支持停车费?</view></view> | |||||
<view class='description'>我们仅支持微信支付。您还可以使用停车券进行减免。注意哦您必须在抵达岗亭前完成支付。</view> | <view class='description'>我们仅支持微信支付。您还可以使用停车券进行减免。注意哦您必须在抵达岗亭前完成支付。</view> | ||||
</view> | </view> | ||||
<view class='content'> | <view class='content'> | ||||
<view class="tit">Q3.如何获得停车券?</view> | |||||
<view class="tit"><view class='Q'>Q</view><view class='right'>如何获得停车券?</view></view> | |||||
<view class='description'>我们会不定期进行赠送停车券,您可以在支付停车费时使用,记得多多关注商场微信公众号以及商场信息哦。</view> | <view class='description'>我们会不定期进行赠送停车券,您可以在支付停车费时使用,记得多多关注商场微信公众号以及商场信息哦。</view> | ||||
</view> | </view> | ||||
<view class='content'> | <view class='content'> | ||||
<view class="tit">Q4.每次可以使用几张停车券?</view> | |||||
<view class="tit"><view class='Q'>Q</view><view class='right'>每次可以使用几张停车券?</view></view> | |||||
<view class='description'>单次入场车辆仅限使用一张停车券,未离场再次支付时不再享有优惠哦。</view> | <view class='description'>单次入场车辆仅限使用一张停车券,未离场再次支付时不再享有优惠哦。</view> | ||||
</view> | </view> | ||||
<view class='content'> | <view class='content'> | ||||
<view class="tit">Q5.支付完毕后我需要做什么吗?</view> | |||||
<view class="tit"><view class='Q'>Q</view><view class='right'>支付完毕后我需要做什么吗?</view></view> | |||||
<view class='description'>您在支付完毕的规定时间内可以驾着您的爱车直接离场。</view> | <view class='description'>您在支付完毕的规定时间内可以驾着您的爱车直接离场。</view> | ||||
</view> | </view> | ||||
<view class='content'> | <view class='content'> | ||||
<view class="tit">Q6.支付完毕后未在规定时间内离场怎么办?</view> | |||||
<view class="tit"><view class='Q'>Q</view><view class='right'>支付完毕后未在规定时间内离场怎么办?</view></view> | |||||
<view class='description'>不用担心,重新扫描停车小程序二维码进行缴费就可以了。</view> | <view class='description'>不用担心,重新扫描停车小程序二维码进行缴费就可以了。</view> | ||||
</view> | </view> | ||||
<view class='content'> | <view class='content'> | ||||
<view class="tit">Q7.哪些用户不能在线支付停车费呢?</view> | |||||
<view class="tit"><view class='Q'>Q</view><view class='right'>哪些用户不能在线支付停车费呢?</view></view> | |||||
<view class='description'>目前车牌号输入仅支持各省简称、无车牌用户、教练车、特殊车牌(军用、武警、警车等)暂不支持在线支付停车费,请进行线下支付。</view> | <view class='description'>目前车牌号输入仅支持各省简称、无车牌用户、教练车、特殊车牌(军用、武警、警车等)暂不支持在线支付停车费,请进行线下支付。</view> | ||||
</view> | </view> | ||||
<view class='content'> | <view class='content'> | ||||
<view class="tit">Q8.我为什么绑定(解绑)不了车牌?</view> | |||||
<view class="tit"><view class='Q'>Q</view><view class='right'>我为什么绑定(解绑)不了车牌?</view></view> | |||||
<view class='description'>每位用户最多可同时绑定三张车牌。当您绑定的车牌在停车场内是无法解绑车牌的,支付离场后才可以进行变更哦!</view> | <view class='description'>每位用户最多可同时绑定三张车牌。当您绑定的车牌在停车场内是无法解绑车牌的,支付离场后才可以进行变更哦!</view> | ||||
</view> | </view> | ||||
<view class='content'> | <view class='content'> | ||||
<view class="tit">Q9.每个用户可以绑定几个车牌?</view> | |||||
<view class="tit"><view class='Q'>Q</view><view class='right'>每个用户可以绑定几个车牌?</view></view> | |||||
<view class='description'>每个用户30天内最多绑定4次车牌。</view> | <view class='description'>每个用户30天内最多绑定4次车牌。</view> | ||||
</view> | </view> | ||||
<view class='content'> | <view class='content'> | ||||
<view class="tit">Q10.停车券使用时间?</view> | |||||
<view class="tit"><view class='Q'>Q</view><view class='right'>停车券使用时间?</view></view> | |||||
<view class='description'>车辆离场前使用。</view> | <view class='description'>车辆离场前使用。</view> | ||||
</view> | </view> | ||||
<view class='content'> | <view class='content'> | ||||
<view class="tit">Q11.为什么我的车牌解绑不成功?</view> | |||||
<view class="tit"><view class='Q'>Q</view><view class='right'>为什么我的车牌解绑不成功?</view></view> | |||||
<view class='description'>请先确认车辆已离场。</view> | <view class='description'>请先确认车辆已离场。</view> | ||||
</view> | </view> | ||||
</view> | </view> |
@@ -1,18 +1,36 @@ | |||||
.content { | .content { | ||||
padding: 0 30rpx 30rpx 30rpx; | |||||
margin: 30rpx auto; | |||||
padding: 0 30rpx 20rpx 30rpx; | |||||
margin: 20rpx auto; | |||||
} | } | ||||
.tit { | .tit { | ||||
font-size: 26rpx; | |||||
color: #02c0ff; | |||||
font-size: 30rpx; | |||||
color: #FD832D; | |||||
letter-spacing: 1.16rpx; | letter-spacing: 1.16rpx; | ||||
height: 68rpx; | |||||
line-height: 68rpx; | |||||
} | |||||
.right{ | |||||
width: 85%; | |||||
height:42rpx; | |||||
/* margin-top: 5rpx; */ | |||||
float: left; | |||||
margin-left: 15rpx; | |||||
} | } | ||||
.description { | .description { | ||||
margin-top: 15rpx; | |||||
margin-top: 12rpx; | |||||
font-size: 26rpx; | font-size: 26rpx; | ||||
color: #333; | color: #333; | ||||
letter-spacing: 1.16rpx; | letter-spacing: 1.16rpx; | ||||
padding-left: 47rpx; | |||||
padding-left: 83rpx; | |||||
} | } | ||||
.Q{ | |||||
width:68rpx; | |||||
height:68rpx; | |||||
border:2rpx solid #FD832D; | |||||
border-radius: 34rpx; | |||||
line-height: 68rpx; | |||||
text-align: center; | |||||
font-size: 32rpx; | |||||
float: left | |||||
} |
@@ -156,10 +156,10 @@ Page { | |||||
} | } | ||||
.code { | .code { | ||||
width: 714rpx; | |||||
height: 794rpx; | |||||
width: 690rpx; | |||||
height: 740rpx; | |||||
background: #fff; | background: #fff; | ||||
margin: 0 auto; | |||||
margin: 20rpx auto; | |||||
border-radius: 10rpx; | border-radius: 10rpx; | ||||
padding: 20rpx 0 40rpx; | padding: 20rpx 0 40rpx; | ||||
} | } | ||||
@@ -9,6 +9,10 @@ Page({ | |||||
* 页面的初始数据 | * 页面的初始数据 | ||||
*/ | */ | ||||
data: { | data: { | ||||
orangeImg: imgurl.orange.url, | |||||
blueImg: imgurl.blue.url, | |||||
grayImg: imgurl.gray.url, | |||||
tuanzhang: imgurl.tuanzhang.url, | |||||
tuanzhang: imgurl.tuanzhang.url, | tuanzhang: imgurl.tuanzhang.url, | ||||
spellBg: imgurl.spellBg.url, | spellBg: imgurl.spellBg.url, | ||||
position: imgurl.position.url, | position: imgurl.position.url, | ||||
@@ -1,7 +1,7 @@ | |||||
{ | { | ||||
"navigationBarTitleText": "拼团详情", | "navigationBarTitleText": "拼团详情", | ||||
"usingComponents": {}, | "usingComponents": {}, | ||||
"navigationBarBackgroundColor": "#F13C42", | |||||
"navigationBarTextStyle": "white", | |||||
"navigationBarBackgroundColor": "#F4F5F9", | |||||
"navigationBarTextStyle": "black", | |||||
"enablePullDownRefresh": true | "enablePullDownRefresh": true | ||||
} | } |
@@ -14,20 +14,23 @@ | |||||
<view class='des'>{{data.subTitle}}</view> | <view class='des'>{{data.subTitle}}</view> | ||||
</view> | </view> | ||||
<view class='detail-top03'> | <view class='detail-top03'> | ||||
<view class='detail-p-price'>{{data.salePrice}}元</view> | |||||
<view class='detail-p-name'>拼团价</view> | |||||
<view class='detail-p-price'>{{data.salePrice}}</view> | |||||
<view class='detail-p-name'>「拼团价」¥</view> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class='detail-bottom' wx:if="{{isMyself==true}}"> | <view class='detail-bottom' wx:if="{{isMyself==true}}"> | ||||
<view class='b-unit'>元</view> | |||||
<view class='b-price'>{{data.salePrice}}</view> | <view class='b-price'>{{data.salePrice}}</view> | ||||
<view class='b-unit'>¥</view> | |||||
<view class='b-name'>实付款</view> | <view class='b-name'>实付款</view> | ||||
</view> | </view> | ||||
<image class="frImg" wx:if="{{data.status == 10}}" src="{{orangeImg}}" mode="aspectFill" lazy-load="true"><text>{{data.statustext}}</text></image> | |||||
<image class="frImg" wx:if="{{data.status == 11}}" src="{{blueImg}}" mode="aspectFill" lazy-load="true"><text>{{data.statustext}}</text></image> | |||||
</view> | </view> | ||||
<!-- 拼团状态-拼团中,拼团成功 --> | <!-- 拼团状态-拼团中,拼团成功 --> | ||||
<view class='status' wx:if="{{isMyself==true}}" style='margin-top:30rpx;'> | <view class='status' wx:if="{{isMyself==true}}" style='margin-top:30rpx;'> | ||||
<view class='status-top'> | |||||
<!-- <view class='status-top'> | |||||
<view class='p-status'>{{data.statustext}}</view> | <view class='p-status'>{{data.statustext}}</view> | ||||
<view class='p-text' wx:if='{{data.status==10}}'>结束</view> | <view class='p-text' wx:if='{{data.status==10}}'>结束</view> | ||||
<view class='p-time' wx:if='{{data.status==10}}'>{{sec}}</view> | <view class='p-time' wx:if='{{data.status==10}}'>{{sec}}</view> | ||||
@@ -38,7 +41,7 @@ | |||||
<view class='p-mao' wx:if='{{data.status==10}}'>天</view> | <view class='p-mao' wx:if='{{data.status==10}}'>天</view> | ||||
<view class='p-time' wx:if='{{data.status==10}}'>{{day}}</view> | <view class='p-time' wx:if='{{data.status==10}}'>{{day}}</view> | ||||
<view class='p-text' wx:if='{{data.status==10}}'>剩余</view> | <view class='p-text' wx:if='{{data.status==10}}'>剩余</view> | ||||
</view> | |||||
</view> --> | |||||
<view class='status-center' style='{{"width:"+(120*data.userList.length>634?634:120*data.userList.length)+"rpx;"+"margin:0 auto;"}}'> | <view class='status-center' style='{{"width:"+(120*data.userList.length>634?634:120*data.userList.length)+"rpx;"+"margin:0 auto;"}}'> | ||||
<view class='status-lists'> | <view class='status-lists'> | ||||
<view class='tuanzhang touxiangitems' wx:for="{{data.userList}}" wx:key="{{index}}"> | <view class='tuanzhang touxiangitems' wx:for="{{data.userList}}" wx:key="{{index}}"> | ||||
@@ -63,6 +66,18 @@ | |||||
</view> | </view> | ||||
</view> --> | </view> --> | ||||
</view> | </view> | ||||
<view class='status-top'> | |||||
<view class='p-text' wx:if='{{data.status==10}}'>结束</view> | |||||
<view class='p-time' wx:if='{{data.status==10}}'>{{sec}}</view> | |||||
<view class='p-mao' wx:if='{{data.status==10}}'>:</view> | |||||
<view class='p-time' wx:if='{{data.status==10}}'>{{min}}</view> | |||||
<view class='p-mao' wx:if='{{data.status==10}}'>:</view> | |||||
<view class='p-time' wx:if='{{data.status==10}}'>{{hour}}</view> | |||||
<view class='p-mao' wx:if='{{data.status==10}}'>天</view> | |||||
<view class='p-time' wx:if='{{data.status==10}}'>{{day}}</view> | |||||
<view class='p-text' wx:if='{{data.status==10}}'>剩余</view> | |||||
</view> | |||||
<!-- <view class='need' >还差 <text class='needNum'>{{data.remainPeople}}人</text>拼团成功,赶快邀人!</view> --> | |||||
</view> | </view> | ||||
<view class='status-bottom'> | <view class='status-bottom'> | ||||
<view class='position-icon'> | <view class='position-icon'> | ||||
@@ -2,8 +2,8 @@ | |||||
page { | page { | ||||
height: auto; | height: auto; | ||||
overflow: auto; | overflow: auto; | ||||
background: #f89132; | |||||
background-image: url('https://s3.cn-northwest-1.amazonaws.com.cn/iformall-net/cimg/spelldetail-bg.png'); | |||||
background: #F4F5F9; | |||||
/* background-image: url('https://s3.cn-northwest-1.amazonaws.com.cn/iformall-net/cimg/spelldetail-bg.png'); */ | |||||
background-size: cover; | background-size: cover; | ||||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||||
} | } | ||||
@@ -31,7 +31,7 @@ page { | |||||
font-size:32rpx; | font-size:32rpx; | ||||
font-family:PingFang-SC-Bold; | font-family:PingFang-SC-Bold; | ||||
font-weight:bold; | font-weight:bold; | ||||
color:rgba(243,69,58,1); | |||||
color:#FD782D; | |||||
line-height: 75rpx; | line-height: 75rpx; | ||||
} | } | ||||
.p-time{ | .p-time{ | ||||
@@ -39,11 +39,11 @@ page { | |||||
font-size:26rpx; | font-size:26rpx; | ||||
font-family:PingFang-SC-Medium; | font-family:PingFang-SC-Medium; | ||||
font-weight:500; | font-weight:500; | ||||
color:rgba(243,69,58,1); | |||||
color:#FFF; | |||||
width: 38rpx; | width: 38rpx; | ||||
height: 30rpx; | height: 30rpx; | ||||
margin-top: 22rpx; | margin-top: 22rpx; | ||||
background:rgba(252,220,221,1); | |||||
background:#FD782D; | |||||
border-radius:10rpx; | border-radius:10rpx; | ||||
line-height: 30rpx; | line-height: 30rpx; | ||||
text-align: center; | text-align: center; | ||||
@@ -54,7 +54,7 @@ page { | |||||
font-size:26rpx; | font-size:26rpx; | ||||
font-family:PingFang-SC-Medium; | font-family:PingFang-SC-Medium; | ||||
font-weight:500; | font-weight:500; | ||||
color:rgba(243,69,58,1); | |||||
color:#3C3C3C; | |||||
line-height: 75rpx; | line-height: 75rpx; | ||||
} | } | ||||
.p-text{ | .p-text{ | ||||
@@ -72,6 +72,9 @@ page { | |||||
text-align: center; | text-align: center; | ||||
border-bottom: 1rpx solid #F9F9F9; | border-bottom: 1rpx solid #F9F9F9; | ||||
} | } | ||||
.status-lists{ | |||||
margin-top: 60rpx; | |||||
} | |||||
.tuanzhang{ | .tuanzhang{ | ||||
float: left; | float: left; | ||||
width: 120rpx; | width: 120rpx; | ||||
@@ -94,8 +97,8 @@ page { | |||||
width: 80rpx; | width: 80rpx; | ||||
height: 80rpx; | height: 80rpx; | ||||
overflow: hidden; | overflow: hidden; | ||||
background:rgba(252,220,221,1); | |||||
border:1rpx solid rgba(243,69,58,1); | |||||
background:#ECEEF3; | |||||
/* border:1rpx solid rgba(243,69,58,1); */ | |||||
border-radius:50%; | border-radius:50%; | ||||
box-sizing: border-box; | box-sizing: border-box; | ||||
line-height: 78rpx; | line-height: 78rpx; | ||||
@@ -103,7 +106,7 @@ page { | |||||
font-size:32rpx; | font-size:32rpx; | ||||
font-family:PingFang-SC-Regular; | font-family:PingFang-SC-Regular; | ||||
font-weight:400; | font-weight:400; | ||||
color:rgba(243,69,58,1); | |||||
color:#CACACA; | |||||
margin: 0; | margin: 0; | ||||
padding: 0; | padding: 0; | ||||
} | } | ||||
@@ -141,7 +144,7 @@ page { | |||||
font-size:28rpx; | font-size:28rpx; | ||||
font-family:PingFang-SC-Medium; | font-family:PingFang-SC-Medium; | ||||
font-weight:500; | font-weight:500; | ||||
color:rgba(51,51,51,1); | |||||
color:#B8B8B8; | |||||
line-height: 72rpx; | line-height: 72rpx; | ||||
} | } | ||||
.detail{ | .detail{ | ||||
@@ -168,7 +171,8 @@ page { | |||||
.return-index{ | .return-index{ | ||||
position: fixed; | position: fixed; | ||||
right: 50rpx; | right: 50rpx; | ||||
top: 60rpx; | |||||
/* top: 60rpx; */ | |||||
bottom: 60rpx; | |||||
width:100rpx!important; | width:100rpx!important; | ||||
height:100rpx; | height:100rpx; | ||||
z-index: 100; | z-index: 100; | ||||
@@ -194,11 +198,11 @@ page { | |||||
} | } | ||||
.detail-top01{ | .detail-top01{ | ||||
float: left; | float: left; | ||||
width: 180rpx; | |||||
width: 120rpx; | |||||
} | } | ||||
.detail-top01 image{ | .detail-top01 image{ | ||||
width: 180rpx; | |||||
height: 180rpx; | |||||
width: 120rpx; | |||||
height: 120rpx; | |||||
margin-top: 33rpx; | margin-top: 33rpx; | ||||
} | } | ||||
.detail-top02{ | .detail-top02{ | ||||
@@ -228,8 +232,8 @@ page { | |||||
white-space:nowrap; | white-space:nowrap; | ||||
} | } | ||||
.detail-top03{ | .detail-top03{ | ||||
float: left; | |||||
padding-top: 180rpx; | |||||
float: right; | |||||
padding-top: 100rpx; | |||||
width: 230rpx; | width: 230rpx; | ||||
} | } | ||||
.detail-p-name{ | .detail-p-name{ | ||||
@@ -237,7 +241,7 @@ page { | |||||
font-size:26rpx; | font-size:26rpx; | ||||
font-family:PingFang-SC-Medium; | font-family:PingFang-SC-Medium; | ||||
font-weight:500; | font-weight:500; | ||||
color:rgba(134,134,134,1); | |||||
color:#3C3C3C; | |||||
line-height:44rpx; | line-height:44rpx; | ||||
} | } | ||||
.detail-p-price{ | .detail-p-price{ | ||||
@@ -251,32 +255,31 @@ page { | |||||
border-top: 1rpx solid #F9F9F9; | border-top: 1rpx solid #F9F9F9; | ||||
width: 100%; | width: 100%; | ||||
overflow: hidden; | overflow: hidden; | ||||
height: 86rpx; | |||||
height: 60rpx; | |||||
} | } | ||||
.b-unit{ | .b-unit{ | ||||
float: right; | float: right; | ||||
font-size:24rpx; | font-size:24rpx; | ||||
font-family:PingFang-SC-Medium; | font-family:PingFang-SC-Medium; | ||||
font-weight:500; | font-weight:500; | ||||
color:rgba(237,63,46,1); | |||||
margin-top: 36rpx; | |||||
color:#FD782D; | |||||
margin-top: 18rpx; | |||||
} | } | ||||
.b-price{ | .b-price{ | ||||
float: right; | float: right; | ||||
font-size:40rpx; | font-size:40rpx; | ||||
font-family:PingFang-SC-Medium; | font-family:PingFang-SC-Medium; | ||||
font-weight:500; | font-weight:500; | ||||
color:rgba(237,63,46,1); | |||||
margin-top: 18rpx; | |||||
color:#FD782D; | |||||
} | } | ||||
.b-name{ | .b-name{ | ||||
float: right; | float: right; | ||||
font-size:26rpx; | font-size:26rpx; | ||||
font-family:PingFang-SC-Medium; | font-family:PingFang-SC-Medium; | ||||
font-weight:500; | font-weight:500; | ||||
color:rgba(51,51,51,1); | |||||
color:#FD782D; | |||||
margin-right: 6rpx; | margin-right: 6rpx; | ||||
margin-top: 34rpx; | |||||
margin-top: 18rpx; | |||||
} | } | ||||
.order{ | .order{ | ||||
width: 690rpx; | width: 690rpx; | ||||
@@ -287,31 +290,31 @@ page { | |||||
border-radius:15rpx; | border-radius:15rpx; | ||||
} | } | ||||
.order-list{ | .order-list{ | ||||
height: 55rpx; | |||||
height: 98rpx; | |||||
line-height: 98rpx; | |||||
} | } | ||||
.order-title{ | .order-title{ | ||||
line-height: 55rpx; | |||||
line-height: 98rpx; | |||||
float: left; | float: left; | ||||
font-size:26rpx; | |||||
font-size:28rpx; | |||||
font-family:PingFang-SC-Medium; | font-family:PingFang-SC-Medium; | ||||
font-weight:500; | font-weight:500; | ||||
color:rgba(51,51,51,1); | |||||
color:#A6A6A6; | |||||
} | } | ||||
.order-text{ | .order-text{ | ||||
float: right; | float: right; | ||||
text-align: right; | text-align: right; | ||||
line-height: 55rpx; | |||||
font-size:26rpx; | |||||
line-height: 98rpx; | |||||
font-size:32rpx; | |||||
font-family:PingFang-SC-Medium; | font-family:PingFang-SC-Medium; | ||||
font-weight:500; | font-weight:500; | ||||
color:rgba(134,134,134,1); | |||||
color:#3C3C3C; | |||||
} | } | ||||
.user-motto { | .user-motto { | ||||
border: 0; | border: 0; | ||||
width:650rpx; | width:650rpx; | ||||
height:85rpx; | height:85rpx; | ||||
background:linear-gradient(90deg,rgba(248,85,45,1) 0%,rgba(241,60,66,1) 0%,rgba(248,86,46,1) 100%); | |||||
box-shadow:0px 8rpx 8rpx 1rpx rgba(242,61,65,0.32); | |||||
background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||||
border-radius:43rpx; | border-radius:43rpx; | ||||
font-size:36rpx; | font-size:36rpx; | ||||
font-family:PingFang-SC-Medium; | font-family:PingFang-SC-Medium; | ||||
@@ -385,7 +388,32 @@ page { | |||||
.alert-button .share{ | .alert-button .share{ | ||||
width:500rpx; | width:500rpx; | ||||
height:95rpx; | height:95rpx; | ||||
background:linear-gradient(90deg,rgba(248,85,45,1) 0%,rgba(241,60,66,1) 0%,rgba(248,86,46,1) 100%); | |||||
background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||||
border-radius:47rpx; | border-radius:47rpx; | ||||
margin-top: 79rpx; | margin-top: 79rpx; | ||||
} | |||||
.need{ | |||||
font-size:24rpx; | |||||
font-family:PingFangSC-Regular; | |||||
font-weight:400; | |||||
color:rgba(60,60,60,1); | |||||
} | |||||
.needNum{ | |||||
color: #FD782D; | |||||
} | |||||
.frImg{ | |||||
height: 78rpx; | |||||
width: 78rpx; | |||||
position: absolute; | |||||
right: 0; | |||||
top: 0; | |||||
} | |||||
.frImg text{ | |||||
transform: rotate(45deg); | |||||
color: #FFFFFF; | |||||
font-size: 16rpx; | |||||
position: absolute; | |||||
left: 14rpx; | |||||
top: 12rpx; | |||||
} | } |
@@ -9,6 +9,8 @@ Page({ | |||||
* 页面的初始数据 | * 页面的初始数据 | ||||
*/ | */ | ||||
data: { | data: { | ||||
fenxiang: imgurl.fenxiang.url, | |||||
homeSelectedO:imgurl.homeSelectedO.url, | |||||
isshowposter:false,//是否显示分享弹框 | isshowposter:false,//是否显示分享弹框 | ||||
teljpgUrl: imgurl.teljpg.url, | teljpgUrl: imgurl.teljpg.url, | ||||
wmhome: imgurl.wmhome.url, | wmhome: imgurl.wmhome.url, | ||||
@@ -13,17 +13,20 @@ | |||||
<view class='text'> | <view class='text'> | ||||
<view class='remark'>{{data.subTitle}}</view> | <view class='remark'>{{data.subTitle}}</view> | ||||
<view class='fenxiang' wx:if="{{data.type!=50&&data.type!=51}}" bindtap='showshare'> | <view class='fenxiang' wx:if="{{data.type!=50&&data.type!=51}}" bindtap='showshare'> | ||||
<image class="fenxiang" src='{{share01}}' mode="widthFix"></image> | |||||
<image class="fenxiang" src='{{fenxiang}}' mode="widthFix"></image> | |||||
<text class='gift'>分享有礼</text> | |||||
</view> | </view> | ||||
<view class='des'> | <view class='des'> | ||||
<view class='des-peoplenum'>【拼团购】{{data.pressLimitNum}}人拼团成功,单价仅需</view> | |||||
<view class='des-saleprice'>{{data.salePriceStr}}元</view> | |||||
<view class='des-peoplenum'>「拼团价」{{data.pressLimitNum}}人拼团成功,单价仅需¥</view> | |||||
<view class='des-saleprice'>{{data.salePriceStr}}</view> | |||||
</view> | </view> | ||||
<view class='rest' wx:if="{{data.validType==1}}">有效期: | <view class='rest' wx:if="{{data.validType==1}}">有效期: | ||||
<text class='time'>{{data.validStartDate}}至{{data.validEndDate}}<text class="use">(请在有效期内使用)</text></text> | <text class='time'>{{data.validStartDate}}至{{data.validEndDate}}<text class="use">(请在有效期内使用)</text></text> | ||||
</view> | </view> | ||||
<view class='rest'> | <view class='rest'> | ||||
<text class='txt01'>限购条件:</text><text class='time'>每人限购{{data.useLimitQuantity}}张</text> | |||||
<!-- <text class='txt01'>限购条件:</text> --> | |||||
<view class='quan'></view> | |||||
<text class='time'>每人限购{{data.useLimitQuantity}}张</text> | |||||
<text class='timess' wx:if='{{limitCondition==1}}'>仅限新用户活动</text> | <text class='timess' wx:if='{{limitCondition==1}}'>仅限新用户活动</text> | ||||
<text class='timess' wx:if='{{limitCondition==2&&(minLimit||minLimit==0)&&maxLimit}}'>({{minLimit}}-{{maxLimit}}成长值)</text> | <text class='timess' wx:if='{{limitCondition==2&&(minLimit||minLimit==0)&&maxLimit}}'>({{minLimit}}-{{maxLimit}}成长值)</text> | ||||
<text class='timess' wx:if='{{limitCondition==2&&minLimit&&!maxLimit}}'>(大于{{minLimit}}成长值)</text> | <text class='timess' wx:if='{{limitCondition==2&&minLimit&&!maxLimit}}'>(大于{{minLimit}}成长值)</text> | ||||
@@ -68,7 +71,10 @@ | |||||
<image mode='widthFix' wx:for="{{detailPicture}}" wx:key="{{index}}" wx:for-item="item" src='{{item}}'></image> | <image mode='widthFix' wx:for="{{detailPicture}}" wx:key="{{index}}" wx:for-item="item" src='{{item}}'></image> | ||||
</view> | </view> | ||||
<view class='edit'> | <view class='edit'> | ||||
<button class='goback' bindtap='gotoIndex'><image src='{{wmhome}}' mode="widthFix"></image></button> | |||||
<button class='goback' bindtap='gotoIndex'> | |||||
<image src='{{homeSelectedO}}' mode="widthFix"></image> | |||||
<text class='btnTxt'>首页</text> | |||||
</button> | |||||
<form bindsubmit='{{canBuyIf?"gotoBuy":""}}' report-submit='true' wx:if='{{data.id}}'> | <form bindsubmit='{{canBuyIf?"gotoBuy":""}}' report-submit='true' wx:if='{{data.id}}'> | ||||
<button class='edit-left' form-type="submit" > | <button class='edit-left' form-type="submit" > | ||||
<view class='edit-left-top'> | <view class='edit-left-top'> | ||||
@@ -10,12 +10,11 @@ | |||||
} | } | ||||
.goback { | .goback { | ||||
float:left; | float:left; | ||||
width:122rpx!important; | |||||
height:95rpx; | |||||
width:132rpx!important; | |||||
height:96rpx; | |||||
background:rgba(255,255,255,1); | background:rgba(255,255,255,1); | ||||
line-height:95rpx; | |||||
border:1rpx solid rgba(227,227,227,1); | |||||
border-radius:48rpx; | |||||
line-height:96rpx; | |||||
border-radius:32rpx; | |||||
margin-right:25rpx; | margin-right:25rpx; | ||||
} | } | ||||
.timess{ | .timess{ | ||||
@@ -26,14 +25,14 @@ | |||||
} | } | ||||
button::after{ border: none; } | button::after{ border: none; } | ||||
.goback image{ | .goback image{ | ||||
position:absolute; | |||||
width:60rpx; | |||||
left:0; | |||||
right:0; | |||||
top:0; | |||||
position: absolute; | |||||
width:52rpx; | |||||
height: 50rpx; | |||||
left: 0; | |||||
right: 0; | |||||
top: 0; | |||||
bottom:0; | bottom:0; | ||||
margin:auto; | |||||
height: 80rpx; | |||||
margin:10rpx auto; | |||||
} | } | ||||
.content-box{ | .content-box{ | ||||
box-sizing: content-box; | box-sizing: content-box; | ||||
@@ -44,13 +43,13 @@ button::after{ border: none; } | |||||
position: relative; | position: relative; | ||||
width: 100%; | width: 100%; | ||||
height: auto; | height: auto; | ||||
background: #fff; | |||||
background: #F4F5F9; | |||||
overflow: hidden; | overflow: hidden; | ||||
padding-bottom: 130rpx; | padding-bottom: 130rpx; | ||||
} | } | ||||
.text{ | .text{ | ||||
position: relative; | position: relative; | ||||
padding: 0 30rpx; | |||||
/* padding: 0 30rpx; */ | |||||
} | } | ||||
.title{ | .title{ | ||||
position: relative; | position: relative; | ||||
@@ -67,23 +66,27 @@ button::after{ border: none; } | |||||
box-sizing: border-box; | box-sizing: border-box; | ||||
} | } | ||||
.remark{ | .remark{ | ||||
background: #FFF; | |||||
font-size:24rpx; | font-size:24rpx; | ||||
font-family:PingFang-SC-Medium; | font-family:PingFang-SC-Medium; | ||||
font-weight:500; | font-weight:500; | ||||
color:rgba(134,134,134,1); | color:rgba(134,134,134,1); | ||||
line-height: 48rpx; | line-height: 48rpx; | ||||
padding: 0 30rpx; | |||||
} | } | ||||
.des{ | .des{ | ||||
width: 100%; | width: 100%; | ||||
height: auto; | height: auto; | ||||
padding-top: 6rpx; | padding-top: 6rpx; | ||||
background: #FFF; | |||||
padding: 0 30rpx; | |||||
color: #FD782D | |||||
} | } | ||||
.des-peoplenum{ | .des-peoplenum{ | ||||
display: inline; | display: inline; | ||||
font-size:24rpx; | font-size:24rpx; | ||||
font-family:PingFang-SC-Medium; | font-family:PingFang-SC-Medium; | ||||
font-weight:500; | font-weight:500; | ||||
color:rgba(0,0,0,1); | |||||
line-height:44rpx; | line-height:44rpx; | ||||
margin-right: 15rpx; | margin-right: 15rpx; | ||||
} | } | ||||
@@ -92,7 +95,6 @@ button::after{ border: none; } | |||||
font-size:40rpx; | font-size:40rpx; | ||||
font-family:PingFang-SC-Medium; | font-family:PingFang-SC-Medium; | ||||
font-weight:500; | font-weight:500; | ||||
color:rgba(255,53,53,1); | |||||
} | } | ||||
.status{ | .status{ | ||||
width: 100%; | width: 100%; | ||||
@@ -190,24 +192,32 @@ button::after{ border: none; } | |||||
left:0; | left:0; | ||||
right:0; | right:0; | ||||
padding:20rpx 22rpx; | padding:20rpx 22rpx; | ||||
background:#fff; | |||||
/* background:#fff; */ | |||||
} | } | ||||
.edit-left{ | .edit-left{ | ||||
float: left; | float: left; | ||||
width: 269rpx; | |||||
height: 95rpx; | |||||
background:rgba(255,169,2,1); | |||||
box-shadow:0px 8rpx 8rpx 1rpx rgba(255,169,2,0.32); | |||||
border-radius:48rpx; | |||||
width: 268rpx; | |||||
height: 96rpx; | |||||
background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||||
border-radius:32rpx; | |||||
} | } | ||||
.edit-right{ | .edit-right{ | ||||
float: right; | float: right; | ||||
width: 269rpx; | |||||
height: 95rpx; | |||||
width: 268rpx; | |||||
height: 96rpx; | |||||
line-height: 46rpx; | line-height: 46rpx; | ||||
background:linear-gradient(90deg,rgba(236,59,45,1) 0%,rgba(248,98,52,1) 100%); | |||||
box-shadow:0px 8rpx 8rpx 1rpx rgba(246,93,51,0.32); | |||||
border-radius:48rpx; | |||||
background:linear-gradient(90deg,rgba(40,179,255,1) 0%,rgba(48,103,255,1) 100%); | |||||
border-radius:32rpx; | |||||
} | |||||
.btnTxt{ | |||||
width: 50rpx; | |||||
height: 30rpx; | |||||
line-height: 50rpx; | |||||
color: #FD782D; | |||||
font-size: 20rpx; | |||||
position: absolute; | |||||
right:42rpx ; | |||||
bottom: 15rpx; | |||||
} | } | ||||
.edit-left-top{ | .edit-left-top{ | ||||
height: 46rpx; | height: 46rpx; | ||||
@@ -267,6 +277,9 @@ button::after{ border: none; } | |||||
} | } | ||||
.posi { | .posi { | ||||
position: relative; | position: relative; | ||||
background: #FFF; | |||||
margin-top: 18rpx; | |||||
padding: 15rpx 30rpx | |||||
} | } | ||||
.applyshop{ | .applyshop{ | ||||
font-size:32rpx; | font-size:32rpx; | ||||
@@ -296,7 +309,6 @@ button::after{ border: none; } | |||||
width: 100%; | width: 100%; | ||||
display: flex; | display: flex; | ||||
padding: 20rpx 0; | padding: 20rpx 0; | ||||
background: #fff; | |||||
height: 100rpx; | height: 100rpx; | ||||
margin-bottom: 20rpx; | margin-bottom: 20rpx; | ||||
} | } | ||||
@@ -341,8 +353,8 @@ button::after{ border: none; } | |||||
top: 0; | top: 0; | ||||
bottom: 0; | bottom: 0; | ||||
margin: auto; | margin: auto; | ||||
width: 50rpx; | |||||
height: 50rpx; | |||||
width: 76rpx; | |||||
height: 76rpx; | |||||
} | } | ||||
.rest { | .rest { | ||||
font-size: 24rpx; | font-size: 24rpx; | ||||
@@ -352,6 +364,8 @@ button::after{ border: none; } | |||||
line-height: 70rpx; | line-height: 70rpx; | ||||
/* border-bottom: 1px solid #eee; */ | /* border-bottom: 1px solid #eee; */ | ||||
border-bottom: 1px solid #f9f9f9; | border-bottom: 1px solid #f9f9f9; | ||||
background: #FFF; | |||||
padding: 0 30rpx; | |||||
} | } | ||||
.restNum { | .restNum { | ||||
@@ -405,12 +419,20 @@ button::after{ border: none; } | |||||
} | } | ||||
.fenxiang image { | .fenxiang image { | ||||
width: 108rpx; | |||||
width:48rpx; | |||||
height: 48rpx; | |||||
position: absolute; | position: absolute; | ||||
right: 16rpx; | |||||
top: 0; | top: 0; | ||||
right: 0; | |||||
z-index: 10; | z-index: 10; | ||||
} | } | ||||
.gift{ | |||||
color: #3C3C3C; | |||||
font-size: 20rpx; | |||||
position: absolute; | |||||
top: 50rpx; | |||||
right: 0; | |||||
} | |||||
.user-motto { | .user-motto { | ||||
width: 270rpx; | width: 270rpx; | ||||
border: 0; | border: 0; | ||||
@@ -426,12 +448,14 @@ button::after{ border: none; } | |||||
.notes view:nth-child(1) { | .notes view:nth-child(1) { | ||||
height: 87rpx; | height: 87rpx; | ||||
line-height: 87rpx; | line-height: 87rpx; | ||||
background: #fff; | |||||
border-top: 1px solid #f9f9f9; | border-top: 1px solid #f9f9f9; | ||||
} | } | ||||
.notes { | .notes { | ||||
margin: 0 auto; | |||||
margin-top: 18rpx; | |||||
background: #FFF; | |||||
width: calc(100vw-60rpx); | |||||
padding: 0 30rpx; | |||||
} | } | ||||
.notes view:nth-child(1) text { | .notes view:nth-child(1) text { | ||||
@@ -495,8 +519,9 @@ button::after{ border: none; } | |||||
} | } | ||||
.detailImg { | .detailImg { | ||||
width: 92%; | |||||
margin: 10rpx auto 0; | |||||
width: calc(100vw-60rpx); | |||||
background: #FFF; | |||||
padding: 0 30rpx; | |||||
} | } | ||||
.detailImg image { | .detailImg image { | ||||
@@ -964,4 +989,12 @@ height: 90rpx; | |||||
} | } | ||||
.b1 .wx-swiper-dots{ | .b1 .wx-swiper-dots{ | ||||
margin-bottom: 30rpx; | margin-bottom: 30rpx; | ||||
} | |||||
.quan{ | |||||
float: left; | |||||
margin:28rpx 15rpx 0 0; | |||||
width: 12rpx; | |||||
height: 12rpx; | |||||
background: #E1E1E1; | |||||
border-radius: 50%; | |||||
} | } |
@@ -9,6 +9,7 @@ Page({ | |||||
* 页面的初始数据 | * 页面的初始数据 | ||||
*/ | */ | ||||
data: { | data: { | ||||
blueImg: imgurl.blue.url, | |||||
tuanzhang: imgurl.tuanzhang.url, | tuanzhang: imgurl.tuanzhang.url, | ||||
spellBg: imgurl.spellBg.url, | spellBg: imgurl.spellBg.url, | ||||
position: imgurl.position.url, | position: imgurl.position.url, | ||||
@@ -1,6 +1,5 @@ | |||||
{ | { | ||||
"navigationBarTitleText": "拼团详情", | "navigationBarTitleText": "拼团详情", | ||||
"usingComponents": {}, | "usingComponents": {}, | ||||
"navigationBarBackgroundColor": "#F13C42", | |||||
"enablePullDownRefresh": true | "enablePullDownRefresh": true | ||||
} | } |
@@ -18,6 +18,7 @@ | |||||
<view class='detail-p-name'>拼团价</view> | <view class='detail-p-name'>拼团价</view> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
<image class="frImg" wx:if="{{data.status == 0}}" src="{{blueImg}}" mode="aspectFill" lazy-load="true"><text>去支付</text></image> | |||||
</view> | </view> | ||||
<!-- 拼团订单信息 --> | <!-- 拼团订单信息 --> | ||||
@@ -2,8 +2,8 @@ | |||||
page { | page { | ||||
height: auto; | height: auto; | ||||
overflow: auto; | overflow: auto; | ||||
background: #f89132; | |||||
background-image: url('https://s3.cn-northwest-1.amazonaws.com.cn/iformall-net/cimg/spelldetail-bg.png'); | |||||
background: #F4F5F9; | |||||
/* background-image: url('https://s3.cn-northwest-1.amazonaws.com.cn/iformall-net/cimg/spelldetail-bg.png'); */ | |||||
background-size: cover; | background-size: cover; | ||||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||||
} | } | ||||
@@ -175,7 +175,7 @@ page { | |||||
.return-index{ | .return-index{ | ||||
position: fixed; | position: fixed; | ||||
right: 50rpx; | right: 50rpx; | ||||
top: 60rpx; | |||||
bottom: 60rpx; | |||||
width:100rpx!important; | width:100rpx!important; | ||||
height:100rpx; | height:100rpx; | ||||
z-index: 100; | z-index: 100; | ||||
@@ -294,31 +294,31 @@ page { | |||||
border-radius:15rpx; | border-radius:15rpx; | ||||
} | } | ||||
.order-list{ | .order-list{ | ||||
height: 55rpx; | |||||
height: 98rpx; | |||||
line-height: 98rpx; | |||||
} | } | ||||
.order-title{ | .order-title{ | ||||
line-height: 55rpx; | |||||
line-height: 98rpx; | |||||
float: left; | float: left; | ||||
font-size:26rpx; | font-size:26rpx; | ||||
font-family:PingFang-SC-Medium; | font-family:PingFang-SC-Medium; | ||||
font-weight:500; | font-weight:500; | ||||
color:rgba(51,51,51,1); | |||||
color:#A6A6A6; | |||||
} | } | ||||
.order-text{ | .order-text{ | ||||
float: right; | float: right; | ||||
text-align: right; | text-align: right; | ||||
line-height: 55rpx; | |||||
line-height: 98rpx; | |||||
font-size:26rpx; | font-size:26rpx; | ||||
font-family:PingFang-SC-Medium; | font-family:PingFang-SC-Medium; | ||||
font-weight:500; | font-weight:500; | ||||
color:rgba(134,134,134,1); | |||||
color:#A6A6A6; | |||||
} | } | ||||
.user-motto { | .user-motto { | ||||
border: 0; | border: 0; | ||||
width:650rpx; | width:650rpx; | ||||
height:85rpx; | height:85rpx; | ||||
background:linear-gradient(90deg,rgba(248,85,45,1) 0%,rgba(241,60,66,1) 0%,rgba(248,86,46,1) 100%); | |||||
box-shadow:0px 8rpx 8rpx 1rpx rgba(242,61,65,0.32); | |||||
background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||||
border-radius:43rpx; | border-radius:43rpx; | ||||
font-size:36rpx; | font-size:36rpx; | ||||
font-family:PingFang-SC-Medium; | font-family:PingFang-SC-Medium; | ||||
@@ -443,4 +443,19 @@ page { | |||||
text-align: center; | text-align: center; | ||||
line-height: 95rpx; | line-height: 95rpx; | ||||
margin: 0 auto 43rpx; | margin: 0 auto 43rpx; | ||||
} | |||||
.frImg{ | |||||
height: 78rpx; | |||||
width: 78rpx; | |||||
position: absolute; | |||||
right: 0; | |||||
top: 0; | |||||
} | |||||
.frImg text{ | |||||
transform: rotate(45deg); | |||||
color: #FFFFFF; | |||||
font-size: 16rpx; | |||||
position: absolute; | |||||
left: 14rpx; | |||||
top: 12rpx; | |||||
} | } |
@@ -1,8 +1,8 @@ | |||||
{ | { | ||||
"navigationBarTitleText": "拼团专场", | "navigationBarTitleText": "拼团专场", | ||||
"enablePullDownRefresh": true, | "enablePullDownRefresh": true, | ||||
"navigationBarBackgroundColor":"#F13C42", | |||||
"navigationBarTextStyle": "white", | |||||
"navigationBarBackgroundColor":"#F4F5F9", | |||||
"navigationBarTextStyle": "black", | |||||
"usingComponents": { | "usingComponents": { | ||||
"c-banner": "../../components/spellbanner/index", | "c-banner": "../../components/spellbanner/index", | ||||
"i-tab": "../../../dist/tab/index", | "i-tab": "../../../dist/tab/index", | ||||
@@ -21,19 +21,19 @@ | |||||
<view class='spell-center'> | <view class='spell-center'> | ||||
<view class='tilte'>{{item.title}}</view> | <view class='tilte'>{{item.title}}</view> | ||||
<view class='remark'>{{item.subTitle}}</view> | <view class='remark'>{{item.subTitle}}</view> | ||||
<view class='spell-num'>{{item.pressLimitNum+'人团'}}</view> | |||||
<view class='numBox'> | |||||
<view class='spell-num'>{{item.pressLimitNum+'人团'}}</view> | |||||
<view class='right-text'>剩余{{item.remainInventory}}</view> | |||||
</view> | |||||
<view class='price'> | <view class='price'> | ||||
<view class='price01'> | <view class='price01'> | ||||
<view class='price-unit'>¥</view> | |||||
<view class='price-num'>{{item.salePriceStr}}</view> | <view class='price-num'>{{item.salePriceStr}}</view> | ||||
<view class='price-unit'>元</view> | |||||
</view> | </view> | ||||
<view class='price02'>{{item.priceStr}}</view> | |||||
<view class='price02'>¥{{item.priceStr}}</view> | |||||
<view class='right-button'>去拼团</view> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class='spell-right'> | |||||
<view class='right-button'>去拼团</view> | |||||
<view class='right-text'>剩余{{item.remainInventory}}</view> | |||||
</view> | |||||
</view> | </view> | ||||
<view class='sepll-list' wx:if='{{flag=="myspellList"}}' wx:for="{{lists}}" wx:key="{{index}}" style='position:relative;height:auto;'> | <view class='sepll-list' wx:if='{{flag=="myspellList"}}' wx:for="{{lists}}" wx:key="{{index}}" style='position:relative;height:auto;'> | ||||
<view class='spell-top'> | <view class='spell-top'> | ||||
@@ -54,15 +54,15 @@ | |||||
<view class='spell-center' data-id='{{item.id}}' data-data='{{item}}' bindtap='{{((item.couponStatus==1&&item.orderStatus!=11)||(item.orderGroupId=="0"&&item.orderStatus!=15)||item.orderStatus==16)?"":item.orderStatus!=15?"gotoStatusDetail":"gotoPay"}}'> | <view class='spell-center' data-id='{{item.id}}' data-data='{{item}}' bindtap='{{((item.couponStatus==1&&item.orderStatus!=11)||(item.orderGroupId=="0"&&item.orderStatus!=15)||item.orderStatus==16)?"":item.orderStatus!=15?"gotoStatusDetail":"gotoPay"}}'> | ||||
<view class='tilte'>{{item.title}}</view> | <view class='tilte'>{{item.title}}</view> | ||||
<view class='remark'>{{item.subTitle}}</view> | <view class='remark'>{{item.subTitle}}</view> | ||||
<view class='price' style='margin-top:50rpx;'> | |||||
<view class='price'> | |||||
<view class='price01'> | <view class='price01'> | ||||
<view class='price-text'style="display: inline;font-size: 24rpx;">拼团价</view> | <view class='price-text'style="display: inline;font-size: 24rpx;">拼团价</view> | ||||
<view class='price-num'>{{item.salePrice/100}}</view> | <view class='price-num'>{{item.salePrice/100}}</view> | ||||
<view class='price-unit'>元</view> | |||||
<!-- <view class='price-unit'>元</view> --> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class='spell-right' data-id='{{item.id}}' data-data='{{item}}' style='position:absolute;width:auto;bottom:30rpx;right:20rpx;' bindtap='{{((item.couponStatus==1&&item.orderStatus!=11)||(item.orderGroupId=="0"&&item.orderStatus!=15)||item.orderStatus==16)?"":item.orderStatus!=15?"gotoStatusDetail":"gotoPay"}}'> | |||||
<view class='spell-right' data-id='{{item.id}}' data-data='{{item}}' style='position:absolute;width:auto;bottom:25rpx;right:10rpx;' bindtap='{{((item.couponStatus==1&&item.orderStatus!=11)||(item.orderGroupId=="0"&&item.orderStatus!=15)||item.orderStatus==16)?"":item.orderStatus!=15?"gotoStatusDetail":"gotoPay"}}'> | |||||
<!-- 继续邀请好友 --> | <!-- 继续邀请好友 --> | ||||
<button class='share user-motto right-button' wx:if='{{item.couponStatus!=1&&item.orderStatus==10&&item.orderGroupId!="0"}}' data-status='{{item.status}}' data-data='{{item}}' hover-class="other-button-hover" style="width:auto;display:inline-block;padding:0 8rpx;">{{item.statusText}}</button> | <button class='share user-motto right-button' wx:if='{{item.couponStatus!=1&&item.orderStatus==10&&item.orderGroupId!="0"}}' data-status='{{item.status}}' data-data='{{item}}' hover-class="other-button-hover" style="width:auto;display:inline-block;padding:0 8rpx;">{{item.statusText}}</button> | ||||
<!-- 去使用 --> | <!-- 去使用 --> | ||||
@@ -87,8 +87,8 @@ | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class='bottom'> | <view class='bottom'> | ||||
<view class='bottom-left' bindtap="getSpellList" style="background:{{flag=='spellList'?'#FF7250':'#F3453A'}}">拼团商品</view> | |||||
<view class='bottom-right' bindtap="getmyList" style="background:{{flag!='spellList'?'#FF7250':'#F3453A'}}">我的拼团</view> | |||||
<view class="{{flag=='spellList'?'bottom-left':'bottom-leftN'}}" bindtap="getSpellList">拼团商品</view> | |||||
<view class="{{flag=='spellList'?'bottom-leftN':'bottom-left'}}" bindtap="getmyList">我的拼团</view> | |||||
</view> | </view> | ||||
<view class="loading" wx:if="{{loading}}"> | <view class="loading" wx:if="{{loading}}"> | ||||
{{content}} | {{content}} | ||||
@@ -2,14 +2,15 @@ | |||||
page { | page { | ||||
height: auto; | height: auto; | ||||
overflow: auto; | overflow: auto; | ||||
background: #f89132; | |||||
background-image: url('https://s3.cn-northwest-1.amazonaws.com.cn/iformall-net/cimg/spell-bg.png'); | |||||
background: #F4F5F9; | |||||
/* background-image: url('https://s3.cn-northwest-1.amazonaws.com.cn/iformall-net/cimg/spell-bg.png'); */ | |||||
background-size: cover; | background-size: cover; | ||||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||||
} | } | ||||
.content-box{ | .content-box{ | ||||
height: auto; | height: auto; | ||||
padding-bottom: 200rpx; | |||||
/* padding-bottom: 200rpx; */ | |||||
padding: 0 16rpx 200rpx; | |||||
} | } | ||||
.loading { | .loading { | ||||
text-align: center; | text-align: center; | ||||
@@ -63,28 +64,36 @@ image{ | |||||
border-radius: 16rpx; | border-radius: 16rpx; | ||||
overflow: hidden; | overflow: hidden; | ||||
} | } | ||||
.content .sepll-list{ | .content .sepll-list{ | ||||
width: 690rpx; | |||||
height: 230rpx; | |||||
width: 346rpx; | |||||
height: 432rpx; | |||||
background: #fff; | background: #fff; | ||||
border-radius: 30rpx; | border-radius: 30rpx; | ||||
margin: 30rpx auto 0; | |||||
margin-bottom: 20rpx; | |||||
} | } | ||||
.content .spell-left{ | |||||
width: 230rpx; | |||||
height: 230rpx; | |||||
.content >view:nth-of-type(2n){ | |||||
float: right; | |||||
} | |||||
.content>view:nth-of-type(2n+1){ | |||||
float: left; | float: left; | ||||
} | } | ||||
.content .spell-left{ | |||||
width: 100%; | |||||
height: 196rpx; | |||||
} | |||||
.content .spell-left image{ | .content .spell-left image{ | ||||
width: 180rpx; | |||||
height: 180rpx; | |||||
margin: 25rpx; | |||||
width: 300rpx; | |||||
height: 176rpx; | |||||
margin: 20rpx; | |||||
} | } | ||||
.content .spell-center{ | .content .spell-center{ | ||||
float: left; | |||||
padding: 0 20rpx; | |||||
width: 304rpx; | width: 304rpx; | ||||
height: 100%; | height: 100%; | ||||
} | } | ||||
.content .tilte{ | .content .tilte{ | ||||
font-size:30rpx; | font-size:30rpx; | ||||
font-family:PingFang-SC-Bold; | font-family:PingFang-SC-Bold; | ||||
@@ -107,28 +116,34 @@ image{ | |||||
text-overflow:ellipsis; | text-overflow:ellipsis; | ||||
white-space: nowrap; | white-space: nowrap; | ||||
} | } | ||||
.content .numBox{ | |||||
display: flex; | |||||
justify-content: space-between; | |||||
} | |||||
.content .spell-num{ | .content .spell-num{ | ||||
width: 95rpx; | |||||
border:1px solid rgba(255,50,50,1); | |||||
width: 80rpx; | |||||
height: 32rpx; | |||||
border:1px solid #FD782D; | |||||
border-radius:10rpx; | border-radius:10rpx; | ||||
font-size:24rpx; | font-size:24rpx; | ||||
font-family:PingFang-SC-Medium; | font-family:PingFang-SC-Medium; | ||||
font-weight:500; | font-weight:500; | ||||
color:rgba(255,50,50,1); | |||||
line-height:30rpx; | |||||
color:#FD782D; | |||||
line-height:32rpx; | |||||
margin: 10rpx 0; | margin: 10rpx 0; | ||||
text-align: center; | text-align: center; | ||||
} | } | ||||
.content .price{ | .content .price{ | ||||
overflow: hidden; | overflow: hidden; | ||||
margin-top: 10rpx; | |||||
/* margin-top: 10rpx; */ | |||||
margin-bottom: 20rpx; | |||||
} | } | ||||
.content .price01{ | .content .price01{ | ||||
display: inline; | display: inline; | ||||
font-size:50rpx; | font-size:50rpx; | ||||
font-family:PingFang-SC-Medium; | font-family:PingFang-SC-Medium; | ||||
font-weight:500; | font-weight:500; | ||||
color:rgba(255,50,50,1); | |||||
color:#FD782D; | |||||
line-height:44rpx; | line-height:44rpx; | ||||
} | } | ||||
.content .price02{ | .content .price02{ | ||||
@@ -141,29 +156,25 @@ image{ | |||||
} | } | ||||
.content .price-num{ | .content .price-num{ | ||||
display: inline; | display: inline; | ||||
font-size: 40rpx; | |||||
} | } | ||||
.content .price-unit{ | .content .price-unit{ | ||||
display: inline; | display: inline; | ||||
font-size:24rpx; | font-size:24rpx; | ||||
margin-right: 10rpx; | |||||
} | |||||
.content .spell-right{ | |||||
float: left; | |||||
width: 156rpx; | |||||
/* margin-right:4rpx; */ | |||||
} | } | ||||
.right-button{ | .right-button{ | ||||
width:120rpx; | |||||
height:48rpx; | |||||
font-size:26rpx; | |||||
background:linear-gradient(90deg,rgba(236,59,45,1) 0%,rgba(248,98,52,1) 100%); | |||||
border-radius:24rpx; | |||||
width:100rpx; | |||||
height:50rpx; | |||||
font-size:24rpx; | |||||
background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||||
border-radius:20rpx; | |||||
font-family:PingFang-SC-Medium; | font-family:PingFang-SC-Medium; | ||||
font-weight:500; | font-weight:500; | ||||
text-align: center; | text-align: center; | ||||
color:rgba(255,255,255,1); | color:rgba(255,255,255,1); | ||||
line-height:44rpx; | |||||
margin: 110rpx auto 0; | |||||
margin-top: 110rpx; | |||||
line-height:50rpx; | |||||
float: right; | |||||
} | } | ||||
.right-text{ | .right-text{ | ||||
font-size:22rpx; | font-size:22rpx; | ||||
@@ -174,39 +185,41 @@ image{ | |||||
text-align: center; | text-align: center; | ||||
} | } | ||||
.bottom{ | .bottom{ | ||||
width: 690rpx; | |||||
height: 85rpx; | |||||
position: fixed; | |||||
bottom: 26rpx; | |||||
left: 30rpx; | |||||
/* background:rgba(243,69,58,1); */ | |||||
border:1px solid rgba(255, 222, 67, 1); | |||||
border-radius:40px; | |||||
color: #fff; | |||||
overflow: hidden; | |||||
width:100%; | |||||
height:100rpx; | |||||
position:fixed; | |||||
bottom:0; | |||||
left: 0; | |||||
color:#fff; | |||||
overflow:hidden; | |||||
} | } | ||||
.bottom-left{ | .bottom-left{ | ||||
width: 50%; | width: 50%; | ||||
height: 100%; | |||||
float: left; | float: left; | ||||
margin-left: -1rpx; | margin-left: -1rpx; | ||||
text-align: center; | text-align: center; | ||||
line-height: 85rpx; | |||||
line-height: 100rpx; | |||||
font-size:30rpx; | font-size:30rpx; | ||||
font-family:PingFang-SC-Medium; | font-family:PingFang-SC-Medium; | ||||
font-weight:500; | font-weight:500; | ||||
color:rgba(255,253,245,1); | color:rgba(255,253,245,1); | ||||
border-right:1px solid rgba(255, 222, 67, 1); | |||||
/* border-right:1px solid rgba(255, 222, 67, 1); */ | |||||
background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||||
opacity: 1; | opacity: 1; | ||||
} | } | ||||
.bottom-right{ | |||||
.bottom-leftN{ | |||||
width: 50%; | width: 50%; | ||||
height: 100%; | |||||
float: left; | float: left; | ||||
margin-left: -1rpx; | |||||
text-align: center; | text-align: center; | ||||
line-height: 85rpx; | |||||
line-height: 100rpx; | |||||
font-size:30rpx; | font-size:30rpx; | ||||
font-family:PingFang-SC-Medium; | font-family:PingFang-SC-Medium; | ||||
font-weight:500; | font-weight:500; | ||||
color:rgba(255,253,245,1); | |||||
color:#3C3C3C; | |||||
background:#FFF; | |||||
opacity: 1; | opacity: 1; | ||||
} | } | ||||
.spell-bottom{ | .spell-bottom{ | ||||
@@ -214,7 +227,7 @@ image{ | |||||
} | } | ||||
.spell-top{ | .spell-top{ | ||||
height: auto; | height: auto; | ||||
margin: 0 30rpx; | |||||
margin: 0 20rpx; | |||||
overflow: hidden; | overflow: hidden; | ||||
box-sizing: border-box; | box-sizing: border-box; | ||||
border-bottom: 1rpx solid #EEEEEE; | border-bottom: 1rpx solid #EEEEEE; | ||||
@@ -222,10 +235,16 @@ image{ | |||||
.spell-top-left{ | .spell-top-left{ | ||||
float: left; | float: left; | ||||
width: 60%; | width: 60%; | ||||
overflow:hidden; | |||||
text-overflow:ellipsis; | |||||
white-space:nowrap; | |||||
} | } | ||||
.spell-top-right{ | .spell-top-right{ | ||||
float: left; | |||||
float: right; | |||||
width: 40%; | width: 40%; | ||||
overflow:hidden; | |||||
text-overflow:ellipsis; | |||||
white-space:nowrap; | |||||
} | } | ||||
.top-title{ | .top-title{ | ||||
display: inline; | display: inline; | ||||
@@ -653,5 +653,13 @@ module.exports = { | |||||
'url': baseUrl + "homeSelectedO.png", | 'url': baseUrl + "homeSelectedO.png", | ||||
'name': '' | 'name': '' | ||||
}, | }, | ||||
'noMerchant': { | |||||
'url': baseUrl + "noMerchant.png", | |||||
'name': '' | |||||
}, | |||||
'rightHr': { | |||||
'url': baseUrl + "rightHr.png", | |||||
'name': '' | |||||
}, | |||||
} | } |