@@ -4,7 +4,7 @@ | |||||
<view class='banner'> | <view class='banner'> | ||||
<image src='{{data.coverImg}}'></image> | <image src='{{data.coverImg}}'></image> | ||||
</view> | </view> | ||||
<image class="orbg" src='./../../assets/img/orbg.png' mode="widthFix"></image> | |||||
<!-- <image class="orbg" src='./../../assets/img/orbg.png' mode="widthFix"></image> --> | |||||
<view class='act' bindtap='gotoactdetail'> | <view class='act' bindtap='gotoactdetail'> | ||||
<text class='txt001'>{{data.title}}</text> | <text class='txt001'>{{data.title}}</text> | ||||
<text class='txt002'>{{data.subTitle}}</text> | <text class='txt002'>{{data.subTitle}}</text> | ||||
@@ -1,7 +1,7 @@ | |||||
@import "../../app.wxss"; | @import "../../app.wxss"; | ||||
page { | page { | ||||
background: #fe5252; | |||||
background: #eee; | |||||
} | } | ||||
.coupons { | .coupons { | ||||
@@ -31,9 +31,9 @@ page { | |||||
z-index: 1000000000; | z-index: 1000000000; | ||||
background: #fff; | background: #fff; | ||||
border-radius: 12rpx; | border-radius: 12rpx; | ||||
width: 702rpx; | |||||
width: 705rpx; | |||||
height: 212rpx; | height: 212rpx; | ||||
margin: -46rpx auto 0; | |||||
margin: 24rpx auto 0; | |||||
} | } | ||||
.act text { | .act text { | ||||
@@ -16,14 +16,24 @@ Page({ | |||||
onUnload: function() { | onUnload: function() { | ||||
let that = this; | let that = this; | ||||
clearInterval(that.data.setInter); | clearInterval(that.data.setInter); | ||||
wx.setScreenBrightness({ | |||||
value: that.data.sight, | |||||
}) | |||||
}, | }, | ||||
onLoad: function(options) { | onLoad: function(options) { | ||||
console.log(options); | |||||
let that = this; | let that = this; | ||||
that.setData({ | |||||
code: options.quancode, | |||||
couponorderstatus: options.couponorderstatus | |||||
}); | |||||
console.log(options.sight); | |||||
setTimeout(function() { | |||||
wx.setScreenBrightness({ | |||||
value: 0.7, | |||||
}) | |||||
}, 200), | |||||
that.setData({ | |||||
sight: options.sight, | |||||
code: options.quancode, | |||||
couponorderstatus: options.couponorderstatus | |||||
}); | |||||
//获得优惠券的详情 | //获得优惠券的详情 | ||||
that.data.setInter = setInterval(function() { | that.data.setInter = setInterval(function() { | ||||
@@ -33,13 +33,21 @@ Page({ | |||||
this.getList(0, 1); | this.getList(0, 1); | ||||
}, | }, | ||||
onShow: function () { | onShow: function () { | ||||
let that = this; | |||||
wx.setStorage({ | wx.setStorage({ | ||||
key: 'couponNum', | key: 'couponNum', | ||||
data: "couponNum1", | data: "couponNum1", | ||||
}) | }) | ||||
wx.hideTabBarRedDot({ | wx.hideTabBarRedDot({ | ||||
index:2 | index:2 | ||||
}) | |||||
}), | |||||
wx.getScreenBrightness({ | |||||
success:function(res){ | |||||
that.setData({ | |||||
sight:res.value | |||||
}) | |||||
} | |||||
}); | |||||
}, | }, | ||||
//点击跳转到券详情页面 | //点击跳转到券详情页面 | ||||
gotouse: function (e) { | gotouse: function (e) { | ||||
@@ -51,7 +59,7 @@ Page({ | |||||
} | } | ||||
wx.navigateTo({ | wx.navigateTo({ | ||||
url: `/pages/couponorder/detail/index?quancode=${ | url: `/pages/couponorder/detail/index?quancode=${ | ||||
e.currentTarget.dataset.quancode}&couponorderstatus=${mystatus}` | |||||
e.currentTarget.dataset.quancode}&couponorderstatus=${mystatus}&sight=${this.data.sight}` | |||||
}); | }); | ||||
}, | }, | ||||
getList(key, pageNum) { | getList(key, pageNum) { | ||||
@@ -33,7 +33,7 @@ Page({ | |||||
e.currentTarget.dataset.subtitle | e.currentTarget.dataset.subtitle | ||||
}&remark=${e.currentTarget.dataset.remark}&couponorderstatus=${ | }&remark=${e.currentTarget.dataset.remark}&couponorderstatus=${ | ||||
e.currentTarget.dataset.couponorderstatus | e.currentTarget.dataset.couponorderstatus | ||||
}` | |||||
}&sight=${that.data.sight}` | |||||
}); | }); | ||||
console.log(e.currentTarget.dataset.couponorderstatus); | console.log(e.currentTarget.dataset.couponorderstatus); | ||||
} else { | } else { | ||||
@@ -44,7 +44,7 @@ Page({ | |||||
e.currentTarget.dataset.subtitle | e.currentTarget.dataset.subtitle | ||||
}&remark=${e.currentTarget.dataset.remark}&couponorderstatus=${ | }&remark=${e.currentTarget.dataset.remark}&couponorderstatus=${ | ||||
that.data.mystatus | that.data.mystatus | ||||
}` | |||||
}&sight=${that.data.sight}` | |||||
}); | }); | ||||
} | } | ||||
}, | }, | ||||
@@ -209,7 +209,16 @@ Page({ | |||||
/** | /** | ||||
* 生命周期函数--监听页面初次渲染完成 | * 生命周期函数--监听页面初次渲染完成 | ||||
*/ | */ | ||||
onShow: function () {}, | |||||
onShow: function () { | |||||
let that = this; | |||||
wx.getScreenBrightness({ | |||||
success: function (res) { | |||||
that.setData({ | |||||
sight: res.value | |||||
}) | |||||
} | |||||
}); | |||||
}, | |||||
/** | /** | ||||
* 生命周期函数--监听页面隐藏 | * 生命周期函数--监听页面隐藏 | ||||
@@ -9,11 +9,15 @@ Page({ | |||||
}, | }, | ||||
onLoad: function(options) { | onLoad: function(options) { | ||||
let that = this; | let that = this; | ||||
setTimeout(function () { | |||||
wx.setScreenBrightness({ | |||||
value: 0.7, | |||||
}) | |||||
}, 200), | |||||
util.barcode("barcode", options.quancode, 500, 100); | util.barcode("barcode", options.quancode, 500, 100); | ||||
util.qrcode("qrcode", options.quancode, 350, 350); | util.qrcode("qrcode", options.quancode, 350, 350); | ||||
console.log("zhuangtai"); | |||||
that.setData({ | that.setData({ | ||||
sight: options.sight, | |||||
code: options.quancode, | code: options.quancode, | ||||
title: options.title, | title: options.title, | ||||
subtitle: options.subtitle, | subtitle: options.subtitle, | ||||
@@ -80,5 +84,8 @@ Page({ | |||||
onUnload: function() { | onUnload: function() { | ||||
let that = this; | let that = this; | ||||
clearInterval(that.data.setInter); | clearInterval(that.data.setInter); | ||||
wx.setScreenBrightness({ | |||||
value: that.data.sight, | |||||
}) | |||||
} | } | ||||
}); | }); |
@@ -24,34 +24,6 @@ Page({ | |||||
code: options.quancode | code: options.quancode | ||||
}); | }); | ||||
//获得优惠券的详情 | |||||
that.data.setInter = setInterval(function () { | |||||
if ( | |||||
options.quancode != null && | |||||
options.quancode != "" && | |||||
options.quancode != undefined && | |||||
options.couponorderstatus == 0 | |||||
) { | |||||
Http.get({ | |||||
url: config.api.couponOrderDetail, | |||||
data: { | |||||
couponOrderId: options.quancode | |||||
} | |||||
}).then(res => { | |||||
console.log(res); | |||||
that.setData({ | |||||
data: res.data | |||||
}); | |||||
that.setData({ | |||||
expiredTime: util.fmtDate(that.data.data.expiredTime), | |||||
updateDate: util.fmtDate(that.data.data.updateDate), | |||||
createDate: util.fmtDate(that.data.data.createDate) | |||||
}); | |||||
}); | |||||
} | |||||
}, 2000); | |||||
// if (options.couponorderstatus != "0") { | |||||
Http.get({ | Http.get({ | ||||
url: config.api.couponOrderDetail, | url: config.api.couponOrderDetail, | ||||
data: { | data: { | ||||
@@ -64,13 +36,12 @@ Page({ | |||||
}); | }); | ||||
that.setData({ | that.setData({ | ||||
expiredTime: util.fmtDate(that.data.data.expiredTime), | expiredTime: util.fmtDate(that.data.data.expiredTime), | ||||
updateDate: util.fmtDate(that.data.data.updateDate), | |||||
createDate: util.fmtDate(that.data.data.createDate) | |||||
updateDate: util.formatTime(that.data.data.updateDate, "yyyy-MM-dddd hh:mm:ss"), | |||||
createDate: util.formatTime(that.data.data.createDate, "yyyy-MM-dddd hh:mm:ss") | |||||
}); | }); | ||||
util.barcode("barcode", options.quancode, 510, 100); | util.barcode("barcode", options.quancode, 510, 100); | ||||
util.qrcode("qrcode", options.quancode, 350, 350); | util.qrcode("qrcode", options.quancode, 350, 350); | ||||
}); | }); | ||||
// } | |||||
}, | }, | ||||
phone: function () { | phone: function () { | ||||
let that = this; | let that = this; | ||||
@@ -1,10 +1,11 @@ | |||||
<view class="container page"> | <view class="container page"> | ||||
<view class="coupon_detail clearfix"> | <view class="coupon_detail clearfix"> | ||||
<view class="fl wmfl"> | <view class="fl wmfl"> | ||||
<image src="{{data.coverImg}}" /> | |||||
<image src="{{data.coverImg}}"/> | |||||
</view> | </view> | ||||
<view class="fr"> | |||||
<text class="title">{{data.title}}</text> | |||||
<view class="fl right"> | |||||
<!-- <text class="title">{{data.title}}</text> --> | |||||
<text class="title">优免2小时券优免2小时券优免2小时券优免2小时券优免2小时券优免2小时券优免2小时券优免2小时券优免2小时券优免2小时券</text> | |||||
<view class="time">{{data.subTitle}}</view> | <view class="time">{{data.subTitle}}</view> | ||||
<view class="money"> | <view class="money"> | ||||
<text>¥{{data.salePrice/100}}</text> | <text>¥{{data.salePrice/100}}</text> | ||||
@@ -14,35 +15,15 @@ | |||||
</view> | </view> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class="timevalidity"> | |||||
<text>有效期至:</text> | |||||
<text>{{expiredTime}}</text> | |||||
</view> | |||||
<view class="posi"> | |||||
<view class="tit"> | |||||
适用门店 | |||||
</view> | |||||
<view class='posi_logo'> | |||||
<view> | |||||
<image src='{{data.merChantImgUrl}}'></image> | |||||
</view> | |||||
<view> | |||||
<text>{{data.merchantName}}</text> | |||||
<text>{{data.addr}}{{data.buildingName}}{{data.floorName}}</text> | |||||
</view> | |||||
<image bindtap='phone' class="tel" src="./../../../assets/img/tel.jpg" mode="widthFix" /> | |||||
</view> | |||||
</view> | |||||
<view class='note'> | <view class='note'> | ||||
<view wx:if="{{data.couponOrderStatus==0}}"><text>下单时间</text><text>{{createDate}}</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==1}}"><text>核销时间</text><text>{{updateDate}}</text></view> | ||||
<view wx:if="{{data.couponOrderStatus==2}}"><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 wx:if="{{data.couponOrderStatus==3}}"><text>退款时间</text><text>{{updateDate}}</text></view> | ||||
<view><text>有效期至:</text><text>{{expiredTime}}</text></view> | |||||
<view><text>订单编号</text><text>{{data.orderId}}</text></view> | <view><text>订单编号</text><text>{{data.orderId}}</text></view> | ||||
<!-- <view><text>手机号</text><text>2018.05.25</text></view> --> | |||||
<view><text>实付金额</text><text>{{data.couponPrice/100}}元</text></view> | |||||
<view><text>实付金额</text><text style='color:#ff4949;font-size:32rpx;'>{{data.couponPrice/100}}元</text></view> | |||||
</view> | </view> | ||||
<view class='notes' style="border-bottom:0"> | <view class='notes' style="border-bottom:0"> | ||||
<view> | <view> | ||||
@@ -2,22 +2,24 @@ | |||||
padding-bottom: 10rpx; | padding-bottom: 10rpx; | ||||
} | } | ||||
.panel,.zhuangtai image{ | |||||
.panel, .zhuangtai image { | |||||
position: relative; | position: relative; | ||||
width: 510rpx; | width: 510rpx; | ||||
height: 581rpx; | height: 581rpx; | ||||
display: block; | |||||
display: block; | |||||
border-radius: 10rpx; | border-radius: 10rpx; | ||||
background-color: #fff; | background-color: #fff; | ||||
margin: 22rpx auto 0; | margin: 22rpx auto 0; | ||||
padding: 30rpx 0 0; | padding: 30rpx 0 0; | ||||
z-index: 10000000000; | z-index: 10000000000; | ||||
} | } | ||||
.pane2{ | |||||
.pane2 { | |||||
background: #fff; | background: #fff; | ||||
opacity: .6; | |||||
opacity: 0.6; | |||||
} | } | ||||
.pane2 image{ | |||||
.pane2 image { | |||||
width: 500rpx; | width: 500rpx; | ||||
display: block; | display: block; | ||||
margin: 40rpx auto 0; | margin: 40rpx auto 0; | ||||
@@ -71,6 +73,7 @@ | |||||
width: 350rpx; | width: 350rpx; | ||||
height: 350rpx; | height: 350rpx; | ||||
} | } | ||||
.coupon_detail { | .coupon_detail { | ||||
padding: 0 20rpx; | padding: 0 20rpx; | ||||
margin-top: 30rpx; | margin-top: 30rpx; | ||||
@@ -84,13 +87,14 @@ | |||||
float: right; | float: right; | ||||
} | } | ||||
.coupon_detail .wmfl{ | |||||
.coupon_detail .wmfl { | |||||
display: block; | display: block; | ||||
width: 255rpx; | |||||
height: 184rpx; | |||||
width: 200rpx; | |||||
height: 165rpx; | |||||
border-radius: 16rpx; | border-radius: 16rpx; | ||||
overflow: hidden; | overflow: hidden; | ||||
} | } | ||||
.coupon_detail image { | .coupon_detail image { | ||||
display: block; | display: block; | ||||
width: 100%; | width: 100%; | ||||
@@ -101,22 +105,45 @@ | |||||
width: 400rpx; | width: 400rpx; | ||||
} | } | ||||
.right { | |||||
margin-left: 20rpx; | |||||
width: 420rpx; | |||||
overflow: hidden; | |||||
} | |||||
.coupon_detail .title { | .coupon_detail .title { | ||||
font-size: 36rpx; | |||||
font-size: 32rpx; | |||||
width: 420rpx; | |||||
height: 40rpx; | |||||
white-space: nowrap; | |||||
text-overflow:ellipsis; | |||||
overflow: hidden; | |||||
} | } | ||||
.money{ | |||||
width: 420rpx; | |||||
height: 50rpx; | |||||
white-space: nowrap; | |||||
text-overflow:ellipsis; | |||||
overflow: hidden; | |||||
} | |||||
.time { | .time { | ||||
font-size: 26rpx; | font-size: 26rpx; | ||||
color: #999; | color: #999; | ||||
width: 420rpx; | |||||
height: 32rpx; | |||||
white-space: nowrap; | |||||
text-overflow:ellipsis; | |||||
overflow: hidden; | |||||
} | } | ||||
.time text { | .time text { | ||||
font-size: 26rpx; | font-size: 26rpx; | ||||
color: red; | |||||
color: #ff4949; | |||||
} | } | ||||
.money text { | .money text { | ||||
color: red; | |||||
color: #ff4949; | |||||
font-size: 36rpx; | font-size: 36rpx; | ||||
} | } | ||||
@@ -142,11 +169,11 @@ | |||||
.timevalidity text:nth-of-type(1) { | .timevalidity text:nth-of-type(1) { | ||||
color: #333; | color: #333; | ||||
font-size: 30rpx; | |||||
font-size: 28rpx; | |||||
} | } | ||||
.timevalidity text:nth-of-type(2) { | .timevalidity text:nth-of-type(2) { | ||||
font-size: 30rpx; | |||||
font-size: 28rpx; | |||||
color: red; | color: red; | ||||
} | } | ||||
@@ -192,7 +219,7 @@ | |||||
} | } | ||||
.posi_logo view:nth-child(2) text:nth-child(1) { | .posi_logo view:nth-child(2) text:nth-child(1) { | ||||
font-size: 30rpx; | |||||
font-size: 28rpx; | |||||
} | } | ||||
.posi_logo view:nth-child(2) text:nth-child(2) { | .posi_logo view:nth-child(2) text:nth-child(2) { | ||||
@@ -202,7 +229,7 @@ | |||||
} | } | ||||
.tit { | .tit { | ||||
font-size: 30rpx; | |||||
font-size: 28rpx; | |||||
color: #000; | color: #000; | ||||
font-weight: bold; | font-weight: bold; | ||||
padding: 24rpx 0 33rpx; | padding: 24rpx 0 33rpx; | ||||
@@ -218,11 +245,11 @@ | |||||
margin: auto; | margin: auto; | ||||
width: 50rpx; | width: 50rpx; | ||||
height: 50rpx; | height: 50rpx; | ||||
z-index:1000000; | |||||
z-index: 1000000; | |||||
} | } | ||||
.notes { | .notes { | ||||
border-top: 20rpx solid #f5f5f5; | |||||
border-top: 12rpx solid #f5f5f5; | |||||
} | } | ||||
.notes view:nth-child(1) { | .notes view:nth-child(1) { | ||||
@@ -235,7 +262,7 @@ | |||||
} | } | ||||
.notes view:nth-child(1) text { | .notes view:nth-child(1) text { | ||||
font-size: 30rpx; | |||||
font-size: 28rpx; | |||||
font-weight: bold; | font-weight: bold; | ||||
} | } | ||||
@@ -255,8 +282,8 @@ | |||||
} | } | ||||
.note view { | .note view { | ||||
height: 94rpx; | |||||
line-height: 94rpx; | |||||
height: 88rpx; | |||||
line-height: 88rpx; | |||||
border-bottom: 2rpx solid #f9f9f9; | border-bottom: 2rpx solid #f9f9f9; | ||||
} | } | ||||
@@ -268,7 +295,7 @@ | |||||
width: 30%; | width: 30%; | ||||
text-indent: 30rpx; | text-indent: 30rpx; | ||||
text-align: left; | text-align: left; | ||||
font-size: 30rpx; | |||||
font-size: 28rpx; | |||||
color: #000; | color: #000; | ||||
} | } | ||||
@@ -277,7 +304,7 @@ | |||||
padding-right: 3%; | padding-right: 3%; | ||||
text-align: right; | text-align: right; | ||||
color: #bdbdbd; | color: #bdbdbd; | ||||
font-size: 30rpx; | |||||
font-size: 28rpx; | |||||
} | } | ||||
.manjian { | .manjian { | ||||
@@ -43,7 +43,11 @@ Page({ | |||||
url: '/pages/managelicenseplate/managelicenseplate', | url: '/pages/managelicenseplate/managelicenseplate', | ||||
}) | }) | ||||
}, | }, | ||||
showquan:function(){ | |||||
wx.navigateTo({ | |||||
url: '/pages/passCar/couponList/couponList', | |||||
}) | |||||
}, | |||||
onShow: function (options) { | onShow: function (options) { | ||||
var that = this; | var that = this; | ||||
that.getList(); | that.getList(); | ||||
@@ -1,18 +1,13 @@ | |||||
<view class='container'> | <view class='container'> | ||||
<view class='top'> | <view class='top'> | ||||
<view class='carmanage clearfix'> | |||||
<view class='fl'> | |||||
<text class='mycar'>{{park.addr}}</text> | |||||
</view> | |||||
</view> | |||||
<view class='price clearfix'> | |||||
<text style='color:#666;'>总车位:{{park.number}}个</text> | |||||
</view> | |||||
<view class='price clearfix'> | |||||
<view class='header'> | |||||
<image src='./../../assets/img/park.png' mode="widthFix"></image>{{park.addr}} | |||||
(<text style='color:#f86661;'>{{park.number}}</text>车位)</view> | |||||
</view> | |||||
<!-- <view class='price clearfix'> | |||||
<text class='fl'>停车费:</text> | <text class='fl'>停车费:</text> | ||||
<label class='locationNumber fr'>{{park.stopFee}}</label> | <label class='locationNumber fr'>{{park.stopFee}}</label> | ||||
</view> | |||||
</view> | |||||
</view> --> | |||||
<view class='borderBox'> | <view class='borderBox'> | ||||
<view class='passNumberBox'> | <view class='passNumberBox'> | ||||
@@ -65,10 +60,10 @@ | |||||
</view> | </view> | ||||
<view class="buy-view" wx:if="{{stopFees.remainingFee}}"> | |||||
<navigator class='buyBox' target="miniProgram" open-type="navigate" app-id="wx192b7d2e8dcbefd0" extra-data='{{extraData}}' version="release"> | |||||
<view class="buy-view" wx:if="{{stopFees.remainingFee}}"> | |||||
<navigator class='buy' target="miniProgram" open-type="navigate" app-id="wx192b7d2e8dcbefd0" extra-data='{{extraData}}' version="release"> | |||||
立即支付 | |||||
</navigator> | </navigator> | ||||
<button class='buy' hover-class='active'>立即支付</button> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
@@ -81,15 +76,13 @@ | |||||
<text class='carNumber'>车辆入场后,才能绑车牌</text> | <text class='carNumber'>车辆入场后,才能绑车牌</text> | ||||
</view> | </view> | ||||
<view class='bottonBox'> | <view class='bottonBox'> | ||||
<navigator url="/pages/passCar/couponList/couponList"> | |||||
<view class='textStyle' bindtap='showquan'> | |||||
<image src='../../assets/img/quan.png'></image> | |||||
我的停车券 | |||||
<view class='detail'> | |||||
<image src='../../assets/img/jian.png'></image> | |||||
</view> | |||||
<view class='textStyle' bindtap='showquan'> | |||||
<image src='../../assets/img/quan.png'></image> | |||||
我的停车券 | |||||
<view class='detail'> | |||||
<image src='../../assets/img/jian.png'></image> | |||||
</view> | </view> | ||||
</navigator> | |||||
</view> | |||||
<view class='textStyle' bindtap='gotomange'> | <view class='textStyle' bindtap='gotomange'> | ||||
<image src='../../assets/img/che.png'></image> | <image src='../../assets/img/che.png'></image> | ||||
@@ -99,6 +92,14 @@ | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class='textStyle' bindtap='gotodetail'> | |||||
<image src='../../assets/img/rule.png'></image> | |||||
缴费规则 | |||||
<view class='detail'> | |||||
<image src='../../assets/img/jian.png'></image> | |||||
</view> | |||||
</view> | |||||
<view class='textStyle' bindtap='passc'> | <view class='textStyle' bindtap='passc'> | ||||
<image src='../../assets/img/wenti.png'></image> | <image src='../../assets/img/wenti.png'></image> | ||||
常见问题 | 常见问题 | ||||
@@ -6,8 +6,23 @@ page { | |||||
.container{ | .container{ | ||||
padding-bottom: 60rpx; | padding-bottom: 60rpx; | ||||
} | } | ||||
.header{ | |||||
width: 690rpx; | |||||
height: 80rpx; | |||||
font-size: 32rpx; | |||||
margin: 0 auto; | |||||
border-radius:16rpx; | |||||
line-height: 80rpx; | |||||
letter-spacing: 3rpx; | |||||
} | |||||
.header image{ | |||||
width: 40rpx; | |||||
vertical-align: middle; | |||||
margin-top:-5rpx; | |||||
margin-right:6rpx; | |||||
} | |||||
.top{ | .top{ | ||||
padding-bottom: 34rpx; | |||||
border-bottom:2rpx solid #f8f8f8; | |||||
} | } | ||||
.headBox { | .headBox { | ||||
width: 690rpx; | width: 690rpx; | ||||
@@ -90,7 +105,7 @@ page { | |||||
.borderBox { | .borderBox { | ||||
width: 750rpx; | width: 750rpx; | ||||
margin-top: 26rpx; | |||||
margin-top:30rpx; | |||||
} | } | ||||
.borderUp { | .borderUp { | ||||
@@ -154,17 +169,16 @@ page { | |||||
.bottonBox { | .bottonBox { | ||||
width: 750rpx; | width: 750rpx; | ||||
margin-top: 32rpx; | |||||
margin-top: 34rpx; | |||||
margin-bottom: 80rpx; | margin-bottom: 80rpx; | ||||
border-top: 16rpx #f8f8f8 solid; | border-top: 16rpx #f8f8f8 solid; | ||||
padding-top: 13rpx; | |||||
} | } | ||||
.textStyle { | .textStyle { | ||||
background-color: white; | background-color: white; | ||||
height: 88rpx; | height: 88rpx; | ||||
line-height: 88rpx; | line-height: 88rpx; | ||||
padding-left: 92rpx; | |||||
padding-left: 82rpx; | |||||
border-bottom: 1px #f8f8f8 solid; | border-bottom: 1px #f8f8f8 solid; | ||||
position: relative; | position: relative; | ||||
font-size: 30rpx; | font-size: 30rpx; | ||||
@@ -205,7 +219,7 @@ page { | |||||
height: 88rpx; | height: 88rpx; | ||||
line-height: 88rpx; | line-height: 88rpx; | ||||
margin: 0 auto; | margin: 0 auto; | ||||
background: #56bdf8; | |||||
background: #00c0ff; | |||||
border-radius: 60rpx; | border-radius: 60rpx; | ||||
position: relative; | position: relative; | ||||
margin-top: 30rpx; | margin-top: 30rpx; | ||||
@@ -216,7 +230,7 @@ page { | |||||
height: 180rpx; | height: 180rpx; | ||||
line-height: 180rpx; | line-height: 180rpx; | ||||
float: left; | float: left; | ||||
background: #56bdf8; | |||||
background: #00c0ff; | |||||
border-radius: 12rpx; | border-radius: 12rpx; | ||||
border: 3px solid #fff; | border: 3px solid #fff; | ||||
text-align: center; | text-align: center; | ||||
@@ -394,9 +408,9 @@ page { | |||||
} | } | ||||
.buy { | .buy { | ||||
background: #56bdf8; | |||||
background: #00c0ff; | |||||
height: 88rpx; | height: 88rpx; | ||||
width: 98%; | |||||
width: 73%; | |||||
margin: 0 auto; | margin: 0 auto; | ||||
color: #fff; | color: #fff; | ||||
font-size: 36rpx; | font-size: 36rpx; | ||||
@@ -404,13 +418,17 @@ page { | |||||
border-radius: 60rpx; | border-radius: 60rpx; | ||||
position: relative; | position: relative; | ||||
z-index: 100; | z-index: 100; | ||||
text-align: center; | |||||
} | } | ||||
.buyBox { | .buyBox { | ||||
height: 88rpx; | height: 88rpx; | ||||
line-height: 88rpx; | |||||
width: 98%; | width: 98%; | ||||
position: absolute; | position: absolute; | ||||
left: 0; | left: 0; | ||||
right: 0; | |||||
bottom: 0; | |||||
top: 0; | top: 0; | ||||
z-index: 100000000; | z-index: 100000000; | ||||
border-radius: 60rpx; | border-radius: 60rpx; | ||||
@@ -422,7 +440,6 @@ page { | |||||
.borderBox { | .borderBox { | ||||
width: 750rpx; | width: 750rpx; | ||||
border-top: 16rpx #f8f8f8 solid; | |||||
} | } | ||||
.carmanage { | .carmanage { | ||||
@@ -485,7 +502,7 @@ page { | |||||
} | } | ||||
.orderBox { | .orderBox { | ||||
padding: 0 20rpx; | |||||
padding: 0 45rpx; | |||||
position: relative; | position: relative; | ||||
} | } | ||||
@@ -586,13 +603,13 @@ button::after { | |||||
} | } | ||||
.orderBox .fl { | .orderBox .fl { | ||||
line-height: 67rpx; | |||||
line-height: 70rpx; | |||||
font-size: 28rpx; | font-size: 28rpx; | ||||
color: #333; | color: #333; | ||||
} | } | ||||
.orderBox .fr { | .orderBox .fr { | ||||
line-height: 67rpx; | |||||
line-height: 70rpx; | |||||
font-size: 28rpx; | font-size: 28rpx; | ||||
color: #ff4949; | color: #ff4949; | ||||
} | } | ||||
@@ -67,7 +67,7 @@ | |||||
<view class="margin"></view> | <view class="margin"></view> | ||||
<!-- <button bindtap="navigateTo" class="user-out-btn">退出登陆</button> --> | <!-- <button bindtap="navigateTo" class="user-out-btn">退出登陆</button> --> | ||||
<view bindlongtap='showVersion' class='version'> | <view bindlongtap='showVersion' class='version'> | ||||
<view wx:if="{{flag=='show'}}">版本号:2.1.0</view> | |||||
<view wx:if="{{flag=='show'}}">版本号:2.1.2</view> | |||||
<view wx:if="{{flag=='hidden'}}"></view> | <view wx:if="{{flag=='hidden'}}"></view> | ||||
</view> | </view> | ||||
</view> | </view> | ||||