@@ -1,17 +1,17 @@ | |||||
{ | { | ||||
"pages": [ | "pages": [ | ||||
"pages/index/index", | |||||
"pages/coupons/details/index", | |||||
"pages/shop/details/index", | |||||
"pages/rushToBuy/index", | "pages/rushToBuy/index", | ||||
"pages/shop/details/index", | |||||
"pages/shop/index/index", | "pages/shop/index/index", | ||||
"pages/market/index", | "pages/market/index", | ||||
"pages/coupons/index/index", | "pages/coupons/index/index", | ||||
"pages/order/details/index", | "pages/order/details/index", | ||||
"pages/coupons/details/index", | |||||
"pages/order/index/index", | "pages/order/index/index", | ||||
"pages/user/index", | "pages/user/index", | ||||
"pages/success/index", | "pages/success/index", | ||||
"pages/login/index", | |||||
"pages/index/index" | |||||
"pages/login/index" | |||||
], | ], | ||||
"tabBar": { | "tabBar": { | ||||
"color":"#9F9F9F", | "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> | </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; | |||||
} |