Selaa lähdekoodia

[停车][修改]:停车页面样式修改,增加券的二维码亮度的变化

tags/2.2.4
meo 6 vuotta sitten
vanhempi
commit
3450444574
17 muutettua tiedostoa jossa 167 lisäystä ja 132 poistoa
  1. BIN
      assets/img/park.png
  2. BIN
      assets/img/quan.png
  3. BIN
      assets/img/rule.png
  4. BIN
      assets/img/wenti.png
  5. +1
    -1
      pages/bannerdetail/index.wxml
  6. +3
    -3
      pages/bannerdetail/index.wxss
  7. +15
    -5
      pages/couponorder/detail/index.js
  8. +10
    -2
      pages/couponorder/index/index.js
  9. +12
    -3
      pages/order/detail/index.js
  10. +9
    -2
      pages/orderquanma/index.js
  11. +2
    -31
      pages/passCar/couponDetail/couponDetail.js
  12. +7
    -26
      pages/passCar/couponDetail/couponDetail.wxml
  13. +49
    -22
      pages/passCar/couponDetail/couponDetail.wxss
  14. +5
    -1
      pages/passCar/passCar.js
  15. +23
    -22
      pages/passCar/passCar.wxml
  16. +30
    -13
      pages/passCar/passCar.wxss
  17. +1
    -1
      pages/user/index.wxml

BIN
assets/img/park.png Näytä tiedosto

Before After
Leveys: 200  |  Korkeus: 200  |  Koko: 9.2 KiB

BIN
assets/img/quan.png Näytä tiedosto

Before After
Leveys: 22  |  Korkeus: 22  |  Koko: 520 B Leveys: 200  |  Korkeus: 200  |  Koko: 6.1 KiB

BIN
assets/img/rule.png Näytä tiedosto

Before After
Leveys: 200  |  Korkeus: 200  |  Koko: 6.9 KiB

BIN
assets/img/wenti.png Näytä tiedosto

Before After
Leveys: 44  |  Korkeus: 44  |  Koko: 1.2 KiB Leveys: 200  |  Korkeus: 200  |  Koko: 17 KiB

+ 1
- 1
pages/bannerdetail/index.wxml Näytä tiedosto

@@ -4,7 +4,7 @@
<view class='banner'>
<image src='{{data.coverImg}}'></image>
</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'>
<text class='txt001'>{{data.title}}</text>
<text class='txt002'>{{data.subTitle}}</text>


+ 3
- 3
pages/bannerdetail/index.wxss Näytä tiedosto

@@ -1,7 +1,7 @@
@import "../../app.wxss";

page {
background: #fe5252;
background: #eee;
}

.coupons {
@@ -31,9 +31,9 @@ page {
z-index: 1000000000;
background: #fff;
border-radius: 12rpx;
width: 702rpx;
width: 705rpx;
height: 212rpx;
margin: -46rpx auto 0;
margin: 24rpx auto 0;
}

.act text {


+ 15
- 5
pages/couponorder/detail/index.js Näytä tiedosto

@@ -16,14 +16,24 @@ Page({
onUnload: function() {
let that = this;
clearInterval(that.data.setInter);
wx.setScreenBrightness({
value: that.data.sight,
})
},
onLoad: function(options) {
console.log(options);
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() {


+ 10
- 2
pages/couponorder/index/index.js Näytä tiedosto

@@ -33,13 +33,21 @@ Page({
this.getList(0, 1);
},
onShow: function () {
let that = this;
wx.setStorage({
key: 'couponNum',
data: "couponNum1",
})
wx.hideTabBarRedDot({
index:2
})
}),
wx.getScreenBrightness({
success:function(res){
that.setData({
sight:res.value
})
}
});
},
//点击跳转到券详情页面
gotouse: function (e) {
@@ -51,7 +59,7 @@ Page({
}
wx.navigateTo({
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) {


+ 12
- 3
pages/order/detail/index.js Näytä tiedosto

@@ -33,7 +33,7 @@ Page({
e.currentTarget.dataset.subtitle
}&remark=${e.currentTarget.dataset.remark}&couponorderstatus=${
e.currentTarget.dataset.couponorderstatus
}`
}&sight=${that.data.sight}`
});
console.log(e.currentTarget.dataset.couponorderstatus);
} else {
@@ -44,7 +44,7 @@ Page({
e.currentTarget.dataset.subtitle
}&remark=${e.currentTarget.dataset.remark}&couponorderstatus=${
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
- 2
pages/orderquanma/index.js Näytä tiedosto

@@ -9,11 +9,15 @@ Page({
},
onLoad: function(options) {
let that = this;
setTimeout(function () {
wx.setScreenBrightness({
value: 0.7,
})
}, 200),
util.barcode("barcode", options.quancode, 500, 100);
util.qrcode("qrcode", options.quancode, 350, 350);

console.log("zhuangtai");
that.setData({
sight: options.sight,
code: options.quancode,
title: options.title,
subtitle: options.subtitle,
@@ -80,5 +84,8 @@ Page({
onUnload: function() {
let that = this;
clearInterval(that.data.setInter);
wx.setScreenBrightness({
value: that.data.sight,
})
}
});

+ 2
- 31
pages/passCar/couponDetail/couponDetail.js Näytä tiedosto

@@ -24,34 +24,6 @@ Page({
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({
url: config.api.couponOrderDetail,
data: {
@@ -64,13 +36,12 @@ Page({
});
that.setData({
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.qrcode("qrcode", options.quancode, 350, 350);
});
// }
},
phone: function () {
let that = this;


+ 7
- 26
pages/passCar/couponDetail/couponDetail.wxml Näytä tiedosto

@@ -1,10 +1,11 @@
<view class="container page">
<view class="coupon_detail clearfix">
<view class="fl wmfl">
<image src="{{data.coverImg}}" />
<image src="{{data.coverImg}}"/>
</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="money">
<text>¥{{data.salePrice/100}}</text>
@@ -14,35 +15,15 @@
</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 wx:if="{{data.couponOrderStatus==0}}"><text>下单时间</text><text>{{createDate}}</text></view>
<view wx:if="{{data.couponOrderStatus==1}}"><text>核销时间</text><text>{{updateDate}}</text></view>
<view wx:if="{{data.couponOrderStatus==2}}"><text>过期时间</text><text>{{updateDate}}</text></view>
<view wx:if="{{data.couponOrderStatus==3}}"><text>退款时间</text><text>{{updateDate}}</text></view>
<view><text>有效期至:</text><text>{{expiredTime}}</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 class='notes' style="border-bottom:0">
<view>


+ 49
- 22
pages/passCar/couponDetail/couponDetail.wxss Näytä tiedosto

@@ -2,22 +2,24 @@
padding-bottom: 10rpx;
}
.panel,.zhuangtai image{
.panel, .zhuangtai image {
position: relative;
width: 510rpx;
height: 581rpx;
display: block;
display: block;
border-radius: 10rpx;
background-color: #fff;
margin: 22rpx auto 0;
padding: 30rpx 0 0;
z-index: 10000000000;
}
.pane2{
.pane2 {
background: #fff;
opacity: .6;
opacity: 0.6;
}
.pane2 image{
.pane2 image {
width: 500rpx;
display: block;
margin: 40rpx auto 0;
@@ -71,6 +73,7 @@
width: 350rpx;
height: 350rpx;
}
.coupon_detail {
padding: 0 20rpx;
margin-top: 30rpx;
@@ -84,13 +87,14 @@
float: right;
}
.coupon_detail .wmfl{
.coupon_detail .wmfl {
display: block;
width: 255rpx;
height: 184rpx;
width: 200rpx;
height: 165rpx;
border-radius: 16rpx;
overflow: hidden;
}
.coupon_detail image {
display: block;
width: 100%;
@@ -101,22 +105,45 @@
width: 400rpx;
}
.right {
margin-left: 20rpx;
width: 420rpx;
overflow: hidden;
}
.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 {
font-size: 26rpx;
color: #999;
width: 420rpx;
height: 32rpx;
white-space: nowrap;
text-overflow:ellipsis;
overflow: hidden;
}
.time text {
font-size: 26rpx;
color: red;
color: #ff4949;
}
.money text {
color: red;
color: #ff4949;
font-size: 36rpx;
}
@@ -142,11 +169,11 @@
.timevalidity text:nth-of-type(1) {
color: #333;
font-size: 30rpx;
font-size: 28rpx;
}
.timevalidity text:nth-of-type(2) {
font-size: 30rpx;
font-size: 28rpx;
color: red;
}
@@ -192,7 +219,7 @@
}
.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) {
@@ -202,7 +229,7 @@
}
.tit {
font-size: 30rpx;
font-size: 28rpx;
color: #000;
font-weight: bold;
padding: 24rpx 0 33rpx;
@@ -218,11 +245,11 @@
margin: auto;
width: 50rpx;
height: 50rpx;
z-index:1000000;
z-index: 1000000;
}
.notes {
border-top: 20rpx solid #f5f5f5;
border-top: 12rpx solid #f5f5f5;
}
.notes view:nth-child(1) {
@@ -235,7 +262,7 @@
}
.notes view:nth-child(1) text {
font-size: 30rpx;
font-size: 28rpx;
font-weight: bold;
}
@@ -255,8 +282,8 @@
}
.note view {
height: 94rpx;
line-height: 94rpx;
height: 88rpx;
line-height: 88rpx;
border-bottom: 2rpx solid #f9f9f9;
}
@@ -268,7 +295,7 @@
width: 30%;
text-indent: 30rpx;
text-align: left;
font-size: 30rpx;
font-size: 28rpx;
color: #000;
}
@@ -277,7 +304,7 @@
padding-right: 3%;
text-align: right;
color: #bdbdbd;
font-size: 30rpx;
font-size: 28rpx;
}
.manjian {


+ 5
- 1
pages/passCar/passCar.js Näytä tiedosto

@@ -43,7 +43,11 @@ Page({
url: '/pages/managelicenseplate/managelicenseplate',
})
},

showquan:function(){
wx.navigateTo({
url: '/pages/passCar/couponList/couponList',
})
},
onShow: function (options) {
var that = this;
that.getList();


+ 23
- 22
pages/passCar/passCar.wxml Näytä tiedosto

@@ -1,18 +1,13 @@
<view class='container'>
<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>
<label class='locationNumber fr'>{{park.stopFee}}</label>
</view>
</view>
</view> -->

<view class='borderBox'>
<view class='passNumberBox'>
@@ -65,10 +60,10 @@
</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>
<button class='buy' hover-class='active'>立即支付</button>
</view>
</view>

@@ -81,15 +76,13 @@
<text class='carNumber'>车辆入场后,才能绑车牌</text>
</view>
<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>
</navigator>
</view>

<view class='textStyle' bindtap='gotomange'>
<image src='../../assets/img/che.png'></image>
@@ -99,6 +92,14 @@
</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'>
<image src='../../assets/img/wenti.png'></image>
常见问题


+ 30
- 13
pages/passCar/passCar.wxss Näytä tiedosto

@@ -6,8 +6,23 @@ page {
.container{
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{
padding-bottom: 34rpx;
border-bottom:2rpx solid #f8f8f8;
}
.headBox {
width: 690rpx;
@@ -90,7 +105,7 @@ page {

.borderBox {
width: 750rpx;
margin-top: 26rpx;
margin-top:30rpx;
}

.borderUp {
@@ -154,17 +169,16 @@ page {

.bottonBox {
width: 750rpx;
margin-top: 32rpx;
margin-top: 34rpx;
margin-bottom: 80rpx;
border-top: 16rpx #f8f8f8 solid;
padding-top: 13rpx;
}

.textStyle {
background-color: white;
height: 88rpx;
line-height: 88rpx;
padding-left: 92rpx;
padding-left: 82rpx;
border-bottom: 1px #f8f8f8 solid;
position: relative;
font-size: 30rpx;
@@ -205,7 +219,7 @@ page {
height: 88rpx;
line-height: 88rpx;
margin: 0 auto;
background: #56bdf8;
background: #00c0ff;
border-radius: 60rpx;
position: relative;
margin-top: 30rpx;
@@ -216,7 +230,7 @@ page {
height: 180rpx;
line-height: 180rpx;
float: left;
background: #56bdf8;
background: #00c0ff;
border-radius: 12rpx;
border: 3px solid #fff;
text-align: center;
@@ -394,9 +408,9 @@ page {
}

.buy {
background: #56bdf8;
background: #00c0ff;
height: 88rpx;
width: 98%;
width: 73%;
margin: 0 auto;
color: #fff;
font-size: 36rpx;
@@ -404,13 +418,17 @@ page {
border-radius: 60rpx;
position: relative;
z-index: 100;
text-align: center;
}

.buyBox {
height: 88rpx;
line-height: 88rpx;
width: 98%;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 100000000;
border-radius: 60rpx;
@@ -422,7 +440,6 @@ page {

.borderBox {
width: 750rpx;
border-top: 16rpx #f8f8f8 solid;
}

.carmanage {
@@ -485,7 +502,7 @@ page {
}

.orderBox {
padding: 0 20rpx;
padding: 0 45rpx;
position: relative;
}

@@ -586,13 +603,13 @@ button::after {
}

.orderBox .fl {
line-height: 67rpx;
line-height: 70rpx;
font-size: 28rpx;
color: #333;
}

.orderBox .fr {
line-height: 67rpx;
line-height: 70rpx;
font-size: 28rpx;
color: #ff4949;
}


+ 1
- 1
pages/user/index.wxml Näytä tiedosto

@@ -67,7 +67,7 @@
<view class="margin"></view>
<!-- <button bindtap="navigateTo" class="user-out-btn">退出登陆</button> -->
<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>
</view>


Ladataan…
Peruuta
Tallenna