@@ -1,17 +1,17 @@ | |||
{ | |||
"pages": [ | |||
"pages/index/index", | |||
"pages/coupons/details/index", | |||
"pages/shop/details/index", | |||
"pages/rushToBuy/index", | |||
"pages/shop/details/index", | |||
"pages/shop/index/index", | |||
"pages/market/index", | |||
"pages/coupons/index/index", | |||
"pages/order/details/index", | |||
"pages/coupons/details/index", | |||
"pages/order/index/index", | |||
"pages/user/index", | |||
"pages/success/index", | |||
"pages/login/index", | |||
"pages/index/index" | |||
"pages/login/index" | |||
], | |||
"tabBar": { | |||
"color":"#9F9F9F", | |||
@@ -1,190 +1,87 @@ | |||
let Common = require('../../../common/common.js') | |||
var app = getApp() | |||
Page({ | |||
data: { | |||
list:{}, | |||
couponId:null | |||
}, | |||
onLoad(e) { | |||
console.log(e.id) | |||
Common.getCouponDetail(e.id) | |||
.then(res =>{ | |||
console.log(res) | |||
this.setData({ | |||
list: res.data.data, | |||
couponId: e.id | |||
}) | |||
}) | |||
}, | |||
orderfunc(){ | |||
wx.showLoading({ | |||
title: '加载中...', | |||
}) | |||
console.log(this.data.couponId) | |||
Common.orderSave(''+this.data.couponId) | |||
.then(res => { | |||
wx.hideLoading(); | |||
console.log(res) | |||
if (res.data.code == 200) { | |||
Common.payOrderCreate(res.data.data.id) | |||
.then(res =>{ | |||
wx.requestPayment({ | |||
timeStamp: res.data.data.timeStamp, | |||
nonceStr: res.data.data.nonceStr, | |||
package: res.data.data.package, | |||
signType: 'MD5', | |||
paySign: res.data.data.paySign, | |||
'success': function (res) { | |||
console.log('支付成功'); | |||
wx.showToast({ | |||
title: '购买成功', | |||
duration: 2500 | |||
}) | |||
wx.navigateBack({ | |||
delta: 2 | |||
}) | |||
}, | |||
'fail': function (res) { | |||
console.log('支付失败'); | |||
console.log(res) | |||
return; | |||
}, | |||
'complete': function (res) { | |||
console.log('支付完成'); | |||
var url = that.data.url; | |||
console.log('get url', url) | |||
if (res.errMsg == 'requestPayment:ok') { | |||
wx.showModal({ | |||
title: '提示', | |||
content: '支付成功' | |||
}); | |||
if (url) { | |||
setTimeout(function () { | |||
wx.redirectTo({ | |||
url: '/pages' + url | |||
}); | |||
}, 2000) | |||
} else { | |||
setTimeout(() => { | |||
wx.navigateBack() | |||
}, 2000) | |||
} | |||
} | |||
return; | |||
} | |||
}) | |||
}) | |||
} else { | |||
wx.showToast({ | |||
title: res.data.message, | |||
duration: 3000 | |||
}) | |||
} | |||
}) | |||
} | |||
let Common = require('../../../common/common.js') | |||
var app = getApp() | |||
Page({ | |||
data: { | |||
list:{}, | |||
couponId:null | |||
}, | |||
onLoad(e) { | |||
console.log(e.id) | |||
Common.getCouponDetail(e.id) | |||
.then(res =>{ | |||
console.log(res) | |||
this.setData({ | |||
list: res.data.data, | |||
couponId: e.id | |||
}) | |||
}) | |||
}, | |||
orderfunc(){ | |||
var orderId = ''; | |||
var payOrderId = ''; | |||
wx.showLoading({ | |||
title: '加载中...', | |||
}) | |||
console.log(this.data.couponId) | |||
Common.orderSave(''+this.data.couponId) | |||
.then(res => { | |||
wx.hideLoading(); | |||
console.log(res) | |||
if (res.data.code == 200) { | |||
return res; | |||
} else { | |||
wx.showToast({ | |||
title: res.data.message, | |||
duration: 3000 | |||
}) | |||
} | |||
}) | |||
.then(res => { | |||
orderId = '' + res.data.data.id; | |||
return Common.payOrderCreate(orderId) | |||
}) | |||
.then(res => { | |||
console.log(res) | |||
payOrderId = res.data.data.payOrderId; | |||
if (res.data.code == 200) { | |||
wx.requestPayment({ | |||
timeStamp: res.data.data.timeStamp, | |||
nonceStr: res.data.data.nonceStr, | |||
package: res.data.data.package, | |||
signType: 'MD5', | |||
paySign: res.data.data.paySign, | |||
'success': function (res) { | |||
Common.payOrderUpdate(orderId, payOrderId, 1); // 支付成功 | |||
console.log(res); | |||
console.log('支付成功'); | |||
wx.showToast({ | |||
title: '购买成功', | |||
duration: 2500 | |||
}) | |||
wx.navigateBack({ | |||
delta: 2 | |||
}) | |||
}, | |||
'fail': function (res) { | |||
Common.payOrderUpdate(orderId, payOrderId, 2); // 支付失败 | |||
console.log(res) | |||
console.log('支付失败'); | |||
return; | |||
}, | |||
'complete': function (res) { | |||
console.log(res); | |||
console.log('支付完成'); | |||
var url = that.data.url; | |||
console.log('get url', url) | |||
if (res.errMsg == 'requestPayment:ok') { | |||
wx.showModal({ | |||
title: '提示', | |||
content: '支付成功' | |||
}); | |||
if (url) { | |||
setTimeout(function () { | |||
wx.redirectTo({ | |||
url: '/pages' + url | |||
}); | |||
}, 2000) | |||
} else { | |||
setTimeout(() => { | |||
wx.navigateBack() | |||
}, 2000) | |||
} | |||
} else { | |||
wx.showModal({ | |||
title: '错误提示', | |||
content: res.errMsg | |||
}); | |||
} | |||
return; | |||
} | |||
}) | |||
} | |||
}) | |||
} | |||
let Common = require('../../../common/common.js') | |||
var app = getApp() | |||
Page({ | |||
data: { | |||
list:{}, | |||
couponId:null | |||
}, | |||
onLoad(e) { | |||
console.log(e.id) | |||
Common.getCouponDetail(e.id) | |||
.then(res =>{ | |||
console.log(res) | |||
this.setData({ | |||
list: res.data.data, | |||
couponId: e.id | |||
}) | |||
}) | |||
}, | |||
orderfunc(){ | |||
wx.showLoading({ | |||
title: '加载中...', | |||
}) | |||
console.log(this.data.couponId) | |||
Common.orderSave(''+this.data.couponId) | |||
.then(res => { | |||
wx.hideLoading(); | |||
console.log(res) | |||
if (res.data.code == 200) { | |||
Common.payOrderCreate(res.data.data.id) | |||
.then(res =>{ | |||
wx.requestPayment({ | |||
timeStamp: res.data.data.timeStamp, | |||
nonceStr: res.data.data.nonceStr, | |||
package: res.data.data.package, | |||
signType: 'MD5', | |||
paySign: res.data.data.paySign, | |||
'success': function (res) { | |||
console.log('支付成功'); | |||
wx.showToast({ | |||
title: '购买成功', | |||
duration: 2500 | |||
}) | |||
wx.navigateBack({ | |||
delta: 2 | |||
}) | |||
}, | |||
'fail': function (res) { | |||
console.log('支付失败'); | |||
console.log(res) | |||
return; | |||
}, | |||
'complete': function (res) { | |||
console.log('支付完成'); | |||
var url = that.data.url; | |||
console.log('get url', url) | |||
if (res.errMsg == 'requestPayment:ok') { | |||
wx.showModal({ | |||
title: '提示', | |||
content: '支付成功' | |||
}); | |||
if (url) { | |||
setTimeout(function () { | |||
wx.redirectTo({ | |||
url: '/pages' + url | |||
}); | |||
}, 2000) | |||
} else { | |||
setTimeout(() => { | |||
wx.navigateBack() | |||
}, 2000) | |||
} | |||
} | |||
return; | |||
} | |||
}) | |||
}) | |||
} else { | |||
wx.showToast({ | |||
title: res.data.message, | |||
duration: 3000 | |||
}) | |||
} | |||
}) | |||
} | |||
}) |
@@ -1,46 +1,46 @@ | |||
<view class='coupons'> | |||
<view class='banner'> | |||
<image src='http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg'></image> | |||
</view> | |||
<view class='coupons_info'> | |||
<view> | |||
<text>黑椒牛排<text>限购一件</text></text> | |||
<text>剩余时间:<text>2天12小时25分钟</text></text> | |||
<text>剩余件数:<text>19件</text></text> | |||
</view> | |||
<view> | |||
<text>¥1.00</text> | |||
<text>¥59.00</text> | |||
</view> | |||
</view> | |||
<view class='posi'> | |||
<view class='posi_logo'> | |||
<view> | |||
<image src='http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg'></image> | |||
</view> | |||
<view> | |||
<text>iFORMALL(西单大悦城店)</text> | |||
<text>北京市西城区西单北大街131号</text> | |||
</view> | |||
</view> | |||
<view> | |||
<text>更多适用门店</text> | |||
<text class='iconfont icon-right'></text> | |||
</view> | |||
</view> | |||
<view class='notes'> | |||
<view> | |||
<text>购买须知</text> | |||
</view> | |||
<view> | |||
<text><text class='spot'></text>有效期2018.01.16 至 2018.09.20</text> | |||
<text><text class='spot'></text>除特价酒水及特价菜外全场通用</text> | |||
<text><text class='spot'></text>无需预约,消费g高峰时可能需要等位</text> | |||
<text><text class='spot'></text>没人最多购买2张</text> | |||
<text><text class='spot'></text>不可使用包间</text> | |||
<text><text class='spot'></text>堂食外带均可,可免费打包</text> | |||
<text><text class='spot'></text>每桌限用2张</text> | |||
</view> | |||
</view> | |||
<button bindtap='orderfunc' class='buy'>立即购买</button> | |||
<view class='coupons'> | |||
<view class='banner'> | |||
<image src='http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg'></image> | |||
</view> | |||
<view class='coupons_info'> | |||
<view> | |||
<text>黑椒牛排<text>限购一件</text></text> | |||
<text>剩余时间:<text>2天12小时25分钟</text></text> | |||
<text>剩余件数:<text>19件</text></text> | |||
</view> | |||
<view> | |||
<text>¥1.00</text> | |||
<text>¥59.00</text> | |||
</view> | |||
</view> | |||
<view class='posi'> | |||
<view class='posi_logo'> | |||
<view> | |||
<image src='http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg'></image> | |||
</view> | |||
<view> | |||
<text>iFORMALL(西单大悦城店)</text> | |||
<text>北京市西城区西单北大街131号</text> | |||
</view> | |||
</view> | |||
<view> | |||
<text>更多适用门店</text> | |||
<text class='iconfont icon-right'></text> | |||
</view> | |||
</view> | |||
<view class='notes'> | |||
<view> | |||
<text>购买须知</text> | |||
</view> | |||
<view> | |||
<text><text class='spot'></text>有效期2018.01.16 至 2018.09.20</text> | |||
<text><text class='spot'></text>除特价酒水及特价菜外全场通用</text> | |||
<text><text class='spot'></text>无需预约,消费g高峰时可能需要等位</text> | |||
<text><text class='spot'></text>没人最多购买2张</text> | |||
<text><text class='spot'></text>不可使用包间</text> | |||
<text><text class='spot'></text>堂食外带均可,可免费打包</text> | |||
<text><text class='spot'></text>每桌限用2张</text> | |||
</view> | |||
</view> | |||
<button bindtap='orderfunc' class='buy'>立即购买</button> | |||
</view> |
@@ -1,190 +1,190 @@ | |||
@import '../../../app.wxss'; | |||
.coupons { | |||
width: 100%; | |||
height: 100%; | |||
position: absolute; | |||
background: #f6f6f6; | |||
} | |||
.banner { | |||
width: 100%; | |||
height: 465rpx; | |||
} | |||
.banner image { | |||
width: 100%; | |||
height: 100%; | |||
} | |||
.coupons_info { | |||
width: 92%; | |||
height: 186rpx; | |||
display: flex; | |||
justify-content: space-between; | |||
padding: 0 4%; | |||
background: #fff; | |||
} | |||
.coupons_info view { | |||
display: flex; | |||
flex-direction: column; | |||
} | |||
.coupons_info view:nth-child(1) text { | |||
font-size: 30rpx; | |||
margin-top: 3%; | |||
} | |||
.coupons_info view:nth-child(1) text:nth-child(1) text { | |||
color: #ff3434; | |||
font-size: 24rpx; | |||
border: 1px solid #ff3434; | |||
border-radius: 6rpx; | |||
margin-left: 2%; | |||
padding: 0 5rpx; | |||
} | |||
.coupons_info view:nth-child(1) text:nth-child(2), | |||
.coupons_info view:nth-child(1) text:nth-child(3) { | |||
color: #b8b8b8; | |||
font-size: 24rpx; | |||
margin-top: 4%; | |||
} | |||
.coupons_info view:nth-child(1) text:nth-child(2) text, | |||
.coupons_info view:nth-child(1) text:nth-child(3) text { | |||
color: #ff3434; | |||
font-size: 24rpx; | |||
} | |||
.coupons_info view:nth-child(2) text:nth-child(1) { | |||
font-size: 36rpx; | |||
color: #ff3434; | |||
margin-top: 40rpx; | |||
font-weight: bold; | |||
} | |||
.coupons_info view:nth-child(2) text:nth-child(2) { | |||
font-size: 24rpx; | |||
color: #b4b4b4; | |||
text-decoration: line-through; | |||
padding-left: 10rpx; | |||
padding-top: 4rpx; | |||
} | |||
.posi { | |||
width: 92%; | |||
display: flex; | |||
flex-direction: column; | |||
padding: 0 4%; | |||
background: #fff; | |||
margin-top: 2%; | |||
} | |||
.posi>view:nth-child(2) { | |||
width: 100%; | |||
height: 87rpx; | |||
display: flex; | |||
justify-content: space-between; | |||
border-top: 1px solid #f6f6f6; | |||
line-height: 87rpx; | |||
} | |||
.posi>view:nth-child(2) text:nth-child(1) { | |||
font-size: 30rpx; | |||
color: #a9a9a9; | |||
} | |||
.posi>view:nth-child(2) text:nth-child(2) { | |||
font-size: 30rpx; | |||
color: #a9a9a9; | |||
} | |||
.posi_logo { | |||
width: 100%; | |||
height: 156rpx; | |||
display: flex; | |||
margin-top: 30rpx; | |||
} | |||
.posi_logo view:nth-child(1) { | |||
width: 126rpx; | |||
height: 126rpx; | |||
border-radius: 50%; | |||
overflow: hidden; | |||
flex: 2; | |||
} | |||
.posi_logo view:nth-child(1) image { | |||
width: 100%; | |||
height: 100%; | |||
} | |||
.posi_logo view:nth-child(2) { | |||
display: flex; | |||
flex-direction: column; | |||
flex: 8; | |||
padding-top: 20rpx; | |||
padding-left: 30rpx; | |||
} | |||
.posi_logo view:nth-child(2) text:nth-child(1) { | |||
font-size: 30rpx; | |||
} | |||
.posi_logo view:nth-child(2) text:nth-child(2) { | |||
font-size: 24rpx; | |||
color: #b8b8b8; | |||
padding-top: 10rpx; | |||
} | |||
.notes{ | |||
margin-top: 2%; | |||
} | |||
.notes view:nth-child(1){ | |||
width: 92%; | |||
height: 87rpx; | |||
padding: 0 4%; | |||
line-height: 87rpx; | |||
background: #fff; | |||
border-bottom: 1rpx solid #f5f5f5; | |||
border-top: 1rpx solid #f5f5f5; | |||
} | |||
.notes view:nth-child(1) text{ | |||
font-size: 30rpx; | |||
font-weight: bold; | |||
} | |||
.notes view:nth-child(2){ | |||
width: 92%; | |||
height: 400rpx; | |||
padding: 0 4%; | |||
background: #fff; | |||
border-bottom: 1rpx solid #f5f5f5; | |||
display: flex; | |||
flex-direction: column; | |||
padding-top: 2%; | |||
} | |||
.notes view:nth-child(2)>text{ | |||
font-size: 28rpx; | |||
color: #A9A9A9; | |||
line-height: 56rpx; | |||
} | |||
.spot { | |||
width: 12rpx; | |||
height: 12rpx; | |||
display: inline-block; | |||
background: #A9A9A9; | |||
margin-right: 16rpx; | |||
position: relative; | |||
bottom: 4rpx; | |||
border-radius: 50%; | |||
} | |||
.buy { | |||
width: 100%; | |||
height: 88rpx; | |||
background: #00C0FF; | |||
color: #fff; | |||
font-size: 36rpx; | |||
line-height: 88rpx; | |||
@import '../../../app.wxss'; | |||
.coupons { | |||
width: 100%; | |||
height: 100%; | |||
position: absolute; | |||
background: #f6f6f6; | |||
} | |||
.banner { | |||
width: 100%; | |||
height: 465rpx; | |||
} | |||
.banner image { | |||
width: 100%; | |||
height: 100%; | |||
} | |||
.coupons_info { | |||
width: 92%; | |||
height: 186rpx; | |||
display: flex; | |||
justify-content: space-between; | |||
padding: 0 4%; | |||
background: #fff; | |||
} | |||
.coupons_info view { | |||
display: flex; | |||
flex-direction: column; | |||
} | |||
.coupons_info view:nth-child(1) text { | |||
font-size: 30rpx; | |||
margin-top: 3%; | |||
} | |||
.coupons_info view:nth-child(1) text:nth-child(1) text { | |||
color: #ff3434; | |||
font-size: 24rpx; | |||
border: 1px solid #ff3434; | |||
border-radius: 6rpx; | |||
margin-left: 2%; | |||
padding: 0 5rpx; | |||
} | |||
.coupons_info view:nth-child(1) text:nth-child(2), | |||
.coupons_info view:nth-child(1) text:nth-child(3) { | |||
color: #b8b8b8; | |||
font-size: 24rpx; | |||
margin-top: 4%; | |||
} | |||
.coupons_info view:nth-child(1) text:nth-child(2) text, | |||
.coupons_info view:nth-child(1) text:nth-child(3) text { | |||
color: #ff3434; | |||
font-size: 24rpx; | |||
} | |||
.coupons_info view:nth-child(2) text:nth-child(1) { | |||
font-size: 36rpx; | |||
color: #ff3434; | |||
margin-top: 40rpx; | |||
font-weight: bold; | |||
} | |||
.coupons_info view:nth-child(2) text:nth-child(2) { | |||
font-size: 24rpx; | |||
color: #b4b4b4; | |||
text-decoration: line-through; | |||
padding-left: 10rpx; | |||
padding-top: 4rpx; | |||
} | |||
.posi { | |||
width: 92%; | |||
display: flex; | |||
flex-direction: column; | |||
padding: 0 4%; | |||
background: #fff; | |||
margin-top: 2%; | |||
} | |||
.posi>view:nth-child(2) { | |||
width: 100%; | |||
height: 87rpx; | |||
display: flex; | |||
justify-content: space-between; | |||
border-top: 1px solid #f6f6f6; | |||
line-height: 87rpx; | |||
} | |||
.posi>view:nth-child(2) text:nth-child(1) { | |||
font-size: 30rpx; | |||
color: #a9a9a9; | |||
} | |||
.posi>view:nth-child(2) text:nth-child(2) { | |||
font-size: 30rpx; | |||
color: #a9a9a9; | |||
} | |||
.posi_logo { | |||
width: 100%; | |||
height: 156rpx; | |||
display: flex; | |||
margin-top: 30rpx; | |||
} | |||
.posi_logo view:nth-child(1) { | |||
width: 126rpx; | |||
height: 126rpx; | |||
border-radius: 50%; | |||
overflow: hidden; | |||
flex: 2; | |||
} | |||
.posi_logo view:nth-child(1) image { | |||
width: 100%; | |||
height: 100%; | |||
} | |||
.posi_logo view:nth-child(2) { | |||
display: flex; | |||
flex-direction: column; | |||
flex: 8; | |||
padding-top: 20rpx; | |||
padding-left: 30rpx; | |||
} | |||
.posi_logo view:nth-child(2) text:nth-child(1) { | |||
font-size: 30rpx; | |||
} | |||
.posi_logo view:nth-child(2) text:nth-child(2) { | |||
font-size: 24rpx; | |||
color: #b8b8b8; | |||
padding-top: 10rpx; | |||
} | |||
.notes{ | |||
margin-top: 2%; | |||
} | |||
.notes view:nth-child(1){ | |||
width: 92%; | |||
height: 87rpx; | |||
padding: 0 4%; | |||
line-height: 87rpx; | |||
background: #fff; | |||
border-bottom: 1rpx solid #f5f5f5; | |||
border-top: 1rpx solid #f5f5f5; | |||
} | |||
.notes view:nth-child(1) text{ | |||
font-size: 30rpx; | |||
font-weight: bold; | |||
} | |||
.notes view:nth-child(2){ | |||
width: 92%; | |||
height: 400rpx; | |||
padding: 0 4%; | |||
background: #fff; | |||
border-bottom: 1rpx solid #f5f5f5; | |||
display: flex; | |||
flex-direction: column; | |||
padding-top: 2%; | |||
} | |||
.notes view:nth-child(2)>text{ | |||
font-size: 28rpx; | |||
color: #A9A9A9; | |||
line-height: 56rpx; | |||
} | |||
.spot { | |||
width: 12rpx; | |||
height: 12rpx; | |||
display: inline-block; | |||
background: #A9A9A9; | |||
margin-right: 16rpx; | |||
position: relative; | |||
bottom: 4rpx; | |||
border-radius: 50%; | |||
} | |||
.buy { | |||
width: 100%; | |||
height: 88rpx; | |||
background: #00C0FF; | |||
color: #fff; | |||
font-size: 36rpx; | |||
line-height: 88rpx; | |||
} |
@@ -1,83 +1,83 @@ | |||
.market { | |||
width: 100%; | |||
height: 100%; | |||
} | |||
.tabs { | |||
width: 100% !important; | |||
height: 88rpx; | |||
text-align: center; | |||
} | |||
.i-tab { | |||
width: 25% !important; | |||
display: inline-block; | |||
} | |||
.section { | |||
margin-top: 2%; | |||
} | |||
.detail_msg { | |||
width: 92%; | |||
height: 220rpx !important; | |||
background: #fff; | |||
display: flex; | |||
padding: 0 4%; | |||
margin-top: 2%; | |||
border-bottom: 1px solid #ededed; | |||
} | |||
.logo { | |||
width: 248rpx; | |||
height: 184rpx; | |||
border-radius: 30rpx; | |||
} | |||
.logo image { | |||
width: 100%; | |||
height: 100%; | |||
} | |||
.info view:nth-child(1) { | |||
display: flex; | |||
justify-content: space-between; | |||
padding: 0 4%; | |||
} | |||
.info { | |||
width: 100%; | |||
} | |||
.info view:nth-child(1) text { | |||
font-size: 30rpx; | |||
} | |||
.info view:nth-child(2) { | |||
color: #ff3434; | |||
font-size: 24rpx; | |||
padding-left: 4%; | |||
margin-top: 1%; | |||
} | |||
.info view:nth-child(2) text { | |||
font-size: 22rpx; | |||
color: #b8b8b8; | |||
} | |||
.info view:nth-child(3) { | |||
display: flex; | |||
justify-content: space-between; | |||
} | |||
.info view:nth-child(3) text:nth-child(2) { | |||
width: 170rpx; | |||
height: 50rpx; | |||
color: #fff; | |||
line-height: 50rpx; | |||
text-align: center; | |||
background: #00c0ff; | |||
border-radius: 10px; | |||
font-size: 28rpx; | |||
margin-top: 40rpx; | |||
} | |||
.market { | |||
width: 100%; | |||
height: 100%; | |||
} | |||
.tabs { | |||
width: 100% !important; | |||
height: 88rpx; | |||
text-align: center; | |||
} | |||
.i-tab { | |||
width: 25% !important; | |||
display: inline-block; | |||
} | |||
.section { | |||
margin-top: 2%; | |||
} | |||
.detail_msg { | |||
width: 92%; | |||
height: 220rpx !important; | |||
background: #fff; | |||
display: flex; | |||
padding: 0 4%; | |||
margin-top: 2%; | |||
border-bottom: 1px solid #ededed; | |||
} | |||
.logo { | |||
width: 248rpx; | |||
height: 184rpx; | |||
border-radius: 30rpx; | |||
} | |||
.logo image { | |||
width: 100%; | |||
height: 100%; | |||
} | |||
.info view:nth-child(1) { | |||
display: flex; | |||
justify-content: space-between; | |||
padding: 0 4%; | |||
} | |||
.info { | |||
width: 100%; | |||
} | |||
.info view:nth-child(1) text { | |||
font-size: 30rpx; | |||
} | |||
.info view:nth-child(2) { | |||
color: #ff3434; | |||
font-size: 24rpx; | |||
padding-left: 4%; | |||
margin-top: 1%; | |||
} | |||
.info view:nth-child(2) text { | |||
font-size: 22rpx; | |||
color: #b8b8b8; | |||
} | |||
.info view:nth-child(3) { | |||
display: flex; | |||
justify-content: space-between; | |||
} | |||
.info view:nth-child(3) text:nth-child(2) { | |||
width: 170rpx; | |||
height: 50rpx; | |||
color: #fff; | |||
line-height: 50rpx; | |||
text-align: center; | |||
background: #00c0ff; | |||
border-radius: 10px; | |||
font-size: 28rpx; | |||
margin-top: 40rpx; | |||
} |
@@ -1,145 +1,145 @@ | |||
@import '../../../app.wxss'; | |||
.order { | |||
width: 100%; | |||
} | |||
.tips { | |||
width: 92%; | |||
height: 88rpx; | |||
background: #00C0FF; | |||
color: #fff; | |||
padding: 0 4%; | |||
line-height: 88rpx; | |||
} | |||
.tips text:nth-child(2) { | |||
font-size: 24rpx; | |||
padding-left: 16rpx; | |||
} | |||
.tips text:nth-child(1) { | |||
width: 32rpx; | |||
height: 32rpx; | |||
background: #fff; | |||
border-radius: 50%; | |||
color: #00C0FF; | |||
line-height: 32rpx; | |||
text-align: center; | |||
display: inline-block; | |||
font-size: 28rpx; | |||
} | |||
.section { | |||
margin-top: 2%; | |||
} | |||
.detail_msg { | |||
width: 92%; | |||
height: 220rpx !important; | |||
background: #fff; | |||
display: flex; | |||
margin: 0 4%; | |||
margin-top: 2%; | |||
border-bottom: 1px solid #ededed; | |||
} | |||
.logo { | |||
width: 248rpx; | |||
height: 184rpx; | |||
border-radius: 30rpx; | |||
} | |||
.logo image { | |||
width: 100%; | |||
height: 100%; | |||
} | |||
.info view:nth-child(1) { | |||
display: flex; | |||
justify-content: space-between; | |||
padding: 0 4%; | |||
} | |||
.info { | |||
width: 100%; | |||
} | |||
.info view:nth-child(1) { | |||
margin-bottom: 72rpx; | |||
} | |||
.info view:nth-child(1) text { | |||
font-size: 30rpx; | |||
} | |||
.info view:nth-child(1) text:nth-child(2) { | |||
color: #ffae00; | |||
font-size: 24rpx; | |||
} | |||
.info view:nth-child(2), .info view:nth-child(3) { | |||
color: #ff3434; | |||
font-size: 24rpx; | |||
padding-left: 4%; | |||
} | |||
.info view:nth-child(2) text, .info view:nth-child(3) text { | |||
font-size: 22rpx; | |||
color: #b8b8b8; | |||
} | |||
.info view:nth-child(3) { | |||
margin-top: 5rpx; | |||
} | |||
.payment { | |||
width: 92%; | |||
height: 120rpx; | |||
line-height: 120rpx; | |||
padding: 0 4%; | |||
display: flex; | |||
justify-content: space-between; | |||
border-bottom: 20rpx solid #EDEDED; | |||
} | |||
.payment view:nth-child(2) text:nth-child(1) { | |||
font-size: 36rpx; | |||
color: #ff3434; | |||
font-weight: bold; | |||
} | |||
.payment view:nth-child(2) text:nth-child(2) { | |||
font-size: 24rpx; | |||
color: #b4b4b4; | |||
padding-left: 18rpx; | |||
text-decoration: line-through; | |||
} | |||
.classif { | |||
width: 100%; | |||
} | |||
.classif>view{ | |||
height: 88rpx; | |||
line-height: 88rpx; | |||
display: flex; | |||
justify-content: space-between; | |||
padding-left: 4%; | |||
padding-right: 4%; | |||
} | |||
.classif>view text{ | |||
font-size: 30rpx; | |||
} | |||
.classif>view text:nth-child(2){ | |||
color: #B8B8B8; | |||
font-size: 30rpx; | |||
} | |||
.classif>view:nth-child(1) { | |||
display: block; | |||
} | |||
.classif>view:nth-child(1) text:nth-child(2) { | |||
padding-left: 15rpx; | |||
} | |||
.classif>view:nth-child(3),.classif>view:nth-child(4) { | |||
border-top: 20rpx solid #EDEDED; | |||
} | |||
.classif>view:nth-child(3) view text:nth-child(2) { | |||
padding-left: 15rpx; | |||
} | |||
.classif>view:nth-child(6) text:nth-child(2){ | |||
color: #FF3434; | |||
font-weight: bold; | |||
@import '../../../app.wxss'; | |||
.order { | |||
width: 100%; | |||
} | |||
.tips { | |||
width: 92%; | |||
height: 88rpx; | |||
background: #00C0FF; | |||
color: #fff; | |||
padding: 0 4%; | |||
line-height: 88rpx; | |||
} | |||
.tips text:nth-child(2) { | |||
font-size: 24rpx; | |||
padding-left: 16rpx; | |||
} | |||
.tips text:nth-child(1) { | |||
width: 32rpx; | |||
height: 32rpx; | |||
background: #fff; | |||
border-radius: 50%; | |||
color: #00C0FF; | |||
line-height: 32rpx; | |||
text-align: center; | |||
display: inline-block; | |||
font-size: 28rpx; | |||
} | |||
.section { | |||
margin-top: 2%; | |||
} | |||
.detail_msg { | |||
width: 92%; | |||
height: 220rpx !important; | |||
background: #fff; | |||
display: flex; | |||
margin: 0 4%; | |||
margin-top: 2%; | |||
border-bottom: 1px solid #ededed; | |||
} | |||
.logo { | |||
width: 248rpx; | |||
height: 184rpx; | |||
border-radius: 30rpx; | |||
} | |||
.logo image { | |||
width: 100%; | |||
height: 100%; | |||
} | |||
.info view:nth-child(1) { | |||
display: flex; | |||
justify-content: space-between; | |||
padding: 0 4%; | |||
} | |||
.info { | |||
width: 100%; | |||
} | |||
.info view:nth-child(1) { | |||
margin-bottom: 72rpx; | |||
} | |||
.info view:nth-child(1) text { | |||
font-size: 30rpx; | |||
} | |||
.info view:nth-child(1) text:nth-child(2) { | |||
color: #ffae00; | |||
font-size: 24rpx; | |||
} | |||
.info view:nth-child(2), .info view:nth-child(3) { | |||
color: #ff3434; | |||
font-size: 24rpx; | |||
padding-left: 4%; | |||
} | |||
.info view:nth-child(2) text, .info view:nth-child(3) text { | |||
font-size: 22rpx; | |||
color: #b8b8b8; | |||
} | |||
.info view:nth-child(3) { | |||
margin-top: 5rpx; | |||
} | |||
.payment { | |||
width: 92%; | |||
height: 120rpx; | |||
line-height: 120rpx; | |||
padding: 0 4%; | |||
display: flex; | |||
justify-content: space-between; | |||
border-bottom: 20rpx solid #EDEDED; | |||
} | |||
.payment view:nth-child(2) text:nth-child(1) { | |||
font-size: 36rpx; | |||
color: #ff3434; | |||
font-weight: bold; | |||
} | |||
.payment view:nth-child(2) text:nth-child(2) { | |||
font-size: 24rpx; | |||
color: #b4b4b4; | |||
padding-left: 18rpx; | |||
text-decoration: line-through; | |||
} | |||
.classif { | |||
width: 100%; | |||
} | |||
.classif>view{ | |||
height: 88rpx; | |||
line-height: 88rpx; | |||
display: flex; | |||
justify-content: space-between; | |||
padding-left: 4%; | |||
padding-right: 4%; | |||
} | |||
.classif>view text{ | |||
font-size: 30rpx; | |||
} | |||
.classif>view text:nth-child(2){ | |||
color: #B8B8B8; | |||
font-size: 30rpx; | |||
} | |||
.classif>view:nth-child(1) { | |||
display: block; | |||
} | |||
.classif>view:nth-child(1) text:nth-child(2) { | |||
padding-left: 15rpx; | |||
} | |||
.classif>view:nth-child(3),.classif>view:nth-child(4) { | |||
border-top: 20rpx solid #EDEDED; | |||
} | |||
.classif>view:nth-child(3) view text:nth-child(2) { | |||
padding-left: 15rpx; | |||
} | |||
.classif>view:nth-child(6) text:nth-child(2){ | |||
color: #FF3434; | |||
font-weight: bold; | |||
} |
@@ -1,47 +1,47 @@ | |||
.success { | |||
width: 100%; | |||
height: 100%; | |||
background: #f6f6f6; | |||
position: absolute; | |||
} | |||
.success_logo { | |||
width: 201rpx; | |||
height: 281rpx; | |||
margin: 10% auto; | |||
display: flex; | |||
flex-direction: column; | |||
margin-bottom: 20%; | |||
} | |||
.success_logo icon { | |||
width: 201rpx; | |||
height: 201rpx; | |||
background: #00c0ff; | |||
border-radius: 50%; | |||
color: #fff; | |||
font-size: 40px; | |||
text-align: center; | |||
line-height: 201rpx; | |||
} | |||
.success_logo text { | |||
font-size: 36rpx; | |||
text-align: center; | |||
padding-top: 3%; | |||
} | |||
.success button { | |||
width: 504rpx; | |||
height: 88rpx; | |||
background: #00c0ff; | |||
color: #fff; | |||
margin: 3% auto; | |||
font-size: 36rpx; | |||
} | |||
.check { | |||
background: #fff!important; | |||
color: #00c0ff!important; | |||
border:1px solid #00c0ff; | |||
} | |||
.success { | |||
width: 100%; | |||
height: 100%; | |||
background: #f6f6f6; | |||
position: absolute; | |||
} | |||
.success_logo { | |||
width: 201rpx; | |||
height: 281rpx; | |||
margin: 10% auto; | |||
display: flex; | |||
flex-direction: column; | |||
margin-bottom: 20%; | |||
} | |||
.success_logo icon { | |||
width: 201rpx; | |||
height: 201rpx; | |||
background: #00c0ff; | |||
border-radius: 50%; | |||
color: #fff; | |||
font-size: 40px; | |||
text-align: center; | |||
line-height: 201rpx; | |||
} | |||
.success_logo text { | |||
font-size: 36rpx; | |||
text-align: center; | |||
padding-top: 3%; | |||
} | |||
.success button { | |||
width: 504rpx; | |||
height: 88rpx; | |||
background: #00c0ff; | |||
color: #fff; | |||
margin: 3% auto; | |||
font-size: 36rpx; | |||
} | |||
.check { | |||
background: #fff!important; | |||
color: #00c0ff!important; | |||
border:1px solid #00c0ff; | |||
} |