| @@ -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> | ||||