@@ -1,32 +1,44 @@ | |||
{ | |||
"pages": [ | |||
"pages/park/park", | |||
"pages/index/index", | |||
"pages/coupons/details/index", | |||
"pages/shop/details/index", | |||
"pages/coupons/details/index", | |||
"pages/shop/details/index", | |||
"pages/rushToBuy/index", | |||
"pages/shop/index/index", | |||
"pages/market/index", | |||
"pages/coupons/index/index", | |||
"pages/order/details/index", | |||
"pages/order/index/index", | |||
"pages/user/index", | |||
"pages/success/index", | |||
"pages/login/index" | |||
"pages/shop/index/index", | |||
"pages/market/index", | |||
"pages/coupons/index/index", | |||
"pages/order/details/index", | |||
"pages/order/index/index", | |||
"pages/user/index", | |||
"pages/success/index", | |||
"pages/login/index", | |||
"pages/addPark/addPark", | |||
"pages/passCar/passCar" | |||
], | |||
"tabBar": { | |||
"color":"#9F9F9F", | |||
"selectedColor":"#00C0FF", | |||
"list": [{ | |||
"pagePath": "pages/index/index", | |||
"iconPath":"assets/img/home-n.png", | |||
"selectedIconPath":"assets/img/home-y.png", | |||
"text": "首页" | |||
}, { | |||
"pagePath": "pages/user/index", | |||
"iconPath":"assets/img/user-n.png", | |||
"selectedIconPath":"assets/img/user-y.png", | |||
"text": "我的" | |||
}] | |||
"color": "#9F9F9F", | |||
"selectedColor": "#00C0FF", | |||
"list": [ | |||
{ | |||
"pagePath": "pages/index/index", | |||
"iconPath": "assets/img/home-n.png", | |||
"selectedIconPath": "assets/img/home-y.png", | |||
"text": "首页" | |||
}, | |||
{ | |||
"pagePath": "pages/addPark/addPark", | |||
"iconPath": "assets/img/pass1.png", | |||
"selectedIconPath": "assets/img/pass0.png", | |||
"text": "停车" | |||
}, | |||
{ | |||
"pagePath": "pages/user/index", | |||
"iconPath": "assets/img/user-n.png", | |||
"selectedIconPath": "assets/img/user-y.png", | |||
"text": "我的" | |||
} | |||
] | |||
}, | |||
"window": { | |||
"backgroundTextStyle": "light", | |||
@@ -0,0 +1,62 @@ | |||
// pages/park/addPark/addPark.js | |||
const app = getApp(); | |||
Page({ | |||
/** | |||
* 页面的初始数据 | |||
*/ | |||
data: { | |||
title: '京', | |||
numFir: '', | |||
numSco: '', | |||
numThr: '', | |||
numFor: '', | |||
numFive: '', | |||
numSix: '', | |||
numSource: '', | |||
titleShow: true, | |||
englishShow: '', | |||
numShow: '', | |||
specShow: '', | |||
chooseClass: '京', | |||
choose: 'carData.title', | |||
chooseTop: 'carData.title', | |||
buttonStatus: false, | |||
chooseTitle: [ | |||
['京', '津', '冀', '晋', '蒙', '辽', '吉'], | |||
['黑', '沪', '苏', '浙', '皖', '闽', '赣'], | |||
['鲁', '豫', '鄂', '湘', '粤', '桂', '琼'], | |||
['渝', '川', '贵', '云', '藏', '陕', '甘'], | |||
['青', '宁', '新', '台', '', '', 'DEL'] | |||
], | |||
chooseNumFir: [ | |||
['A', 'B', 'C', 'D', 'E', 'F', 'G'], | |||
['H', 'I', 'J', 'K', 'L', 'M', 'N'], | |||
['O', 'P', 'Q', 'R', 'S', 'T', 'U'], | |||
['V', 'W', 'X', 'Y', 'Z', '', ''], | |||
['', '', '', '', '', '', 'DEL'] | |||
], | |||
chooseNumSco: [ | |||
['A', 'B', 'C', 'D', 'E', 'F', 'G'], | |||
['H', 'I', 'J', 'K', 'L', 'M', 'N'], | |||
['O', 'P', 'Q', 'R', 'S', 'T', 'U'], | |||
['V', 'W', 'X', 'Y', 'Z', '1', '2'], | |||
['3', '4', '5', '6', '7', '8', '9'], | |||
['0', '', '', '', '', '', 'DEL'] | |||
], | |||
chooseSpec: [ | |||
['A', 'B', 'C', 'D', 'E', 'F', 'G'], | |||
['H', 'I', 'J', 'K', 'L', 'M', 'N'], | |||
['O', 'P', 'Q', 'R', 'S', 'T', 'U'], | |||
['V', 'W', 'X', 'Y', 'Z', '港', '澳'], | |||
['1', '2', '3', '4', '5', '6', '7'], | |||
['8', '9', '0', '', '', '', 'DEL'] | |||
], | |||
}, | |||
jumpTo: function () { | |||
wx.redirectTo({ | |||
url: '/pages/passCar/passCar' | |||
}); | |||
} | |||
}) | |||
@@ -0,0 +1,3 @@ | |||
{ | |||
"navigationBarTitleText": "绑定车牌" | |||
} |
@@ -0,0 +1,65 @@ | |||
<view class="addpark-title">请输入车牌号(新能源选填)</view> | |||
<view class="addpark-num" capture-bind:touchstart="handleTap"> | |||
<view class="addpark-num-head"> | |||
<view class="{{chooseTop == 'carData.title' ? 'choose-title' : ''}}" data-carData="carData.title" data-msg="{{title}}">{{title}}</view> | |||
<view class="addpark-num-head-border {{chooseTop == 'carData.numFir' ? 'choose-title' : ''}}" data-carData="carData.numFir" data-msg="{{numFir}}">{{numFir}}</view> | |||
</view> | |||
<view class="addpark-num-center"> | |||
<view class="{{chooseTop == 'carData.numSco' ? 'choose-title' : ''}}" data-carData="carData.numSco" data-msg="{{numThr}}">{{numSco}}</view> | |||
<view class="addpark-num-center-border {{chooseTop == 'carData.numThr' ? 'choose-title' : ''}}" data-carData="carData.numThr" data-msg="{{numThr}}">{{numThr}}</view> | |||
<view class="addpark-num-center-border {{chooseTop == 'carData.numFor' ? 'choose-title' : ''}}" data-carData="carData.numFor" data-msg="{{numFor}}">{{numFor}}</view> | |||
<view class="addpark-num-center-border {{chooseTop == 'carData.numFive' ? 'choose-title' : ''}}" data-carData="carData.numFive" data-msg="{{numFive}}">{{numFive}}</view> | |||
<view class="addpark-num-center-border {{chooseTop == 'carData.numSix' ? 'choose-title' : ''}}" data-carData="carData.numSix" data-msg="{{numSix}}">{{numSix}}</view> | |||
</view> | |||
<view class="addpark-num-new"> | |||
<view data-carData="carData.numSource">{{numSource}}</view> | |||
</view> | |||
<view class='newsource'>新能源</view> | |||
</view> | |||
<view class='addpark-choose' wx:if="{{titleShow}}" capture-bind:touchstart="chooseNum"> | |||
<view class="addpark-choose-line" wx:for="{{chooseTitle}}" wx:for-item="items" wx:key="chooseNum"> | |||
<view style="display:flex;"> | |||
<view class="addpark-choose-font{{chooseClass==item? ' choose' : ''}}" wx:for="{{items}}" wx:key="chooseNumFist" wx:for-item="item" > | |||
<p wx:if="{{item=='DEL'}}" data-msg="{{item}}"><image data-msg="{{item}}" src="../../assets/img/shanchu-gray.png"></image></p> | |||
<p wx:else data-msg="{{item}}">{{item}}</p> | |||
</view> | |||
</view> | |||
</view> | |||
</view> | |||
<view class='addpark-choose' wx:if="{{englishShow}}" capture-bind:touchstart="chooseNum"> | |||
<view class="addpark-choose-line" wx:for="{{chooseNumFir}}" wx:for-item="items" wx:key="chooseNum"> | |||
<view style="display:flex;"> | |||
<view class="addpark-choose-font{{chooseClass==item? ' choose' : ''}}" wx:for="{{items}}" wx:key="chooseNumFist" wx:for-item="item"> | |||
<p wx:if="{{item=='DEL'}}" data-msg="{{item}}"><image data-msg="{{item}}" src="../../assets/img/shanchu.png"></image></p> | |||
<p wx:elif="{{item =='I'}}" style="color:#ccc;" data-msg="{{item}}">{{item}}</p> | |||
<p wx:else data-msg="{{item}}">{{item}}</p> | |||
</view> | |||
</view> | |||
</view> | |||
</view> | |||
<view class='addpark-choose-num' wx:if="{{numShow}}" capture-bind:touchstart="chooseNum"> | |||
<view class="addpark-choose-line" wx:for="{{chooseNumSco}}" wx:for-item="items" wx:key="chooseNum"> | |||
<view style="display:flex;"> | |||
<view class="addpark-choose-font{{chooseClass==item? ' choose' : ''}}" wx:for="{{items}}" wx:key="chooseNumFist" wx:for-item="item"> | |||
<p wx:if="{{item=='DEL'}}" data-msg="{{item}}"><image data-msg="{{item}}" src="../../assets/img/shanchu.png"></image></p> | |||
<p wx:elif="{{item =='I'}}" style="color:#ccc;" data-msg="{{item}}">{{item}}</p> | |||
<p wx:else data-msg="{{item}}">{{item}}</p> | |||
</view> | |||
</view> | |||
</view> | |||
</view> | |||
<view class='addpark-choose-num' wx:if="{{specShow}}" capture-bind:touchstart="chooseNum"> | |||
<view class="addpark-choose-line" wx:for="{{chooseSpec}}" wx:for-item="items" wx:key="chooseNum"> | |||
<view style="display:flex;"> | |||
<view class="addpark-choose-font{{chooseClass==item? ' choose' : ''}}" wx:for="{{items}}" wx:key="chooseNumFist" wx:for-item="item"> | |||
<p wx:if="{{item=='DEL'}}" data-msg="{{item}}"><image data-msg="{{item}}" src="../../assets/img/shanchu.png"></image></p> | |||
<p wx:elif="{{item =='I'}}" style="color:#ccc;" data-msg="{{item}}">{{item}}</p> | |||
<p wx:else data-msg="{{item}}">{{item}}</p> | |||
</view> | |||
</view> | |||
</view> | |||
</view> | |||
<button class="{{buttonStatus?'addpark-button-submit':'addpark-button-gray'}}" bindtap='submit'> 完成绑定 </button> | |||
<label class="addpark-back" bindtap="jumpTo">返回</label> | |||
@@ -0,0 +1,494 @@ | |||
/* pages/park/addPark/addPark.wxss */ | |||
.addpark-title { | |||
margin-top: 48rpx; | |||
text-align: center; | |||
font-size: 30rpx; | |||
color: #9a9b9c; | |||
} | |||
.addpark-num { | |||
display: flex; | |||
justify-content: center; | |||
width: 100%; | |||
margin-top: 33rpx; | |||
height: 90rpx; | |||
} | |||
.addpark-num-head { | |||
display: flex; | |||
width: 164rpx; | |||
background: #58abfa; | |||
border-radius: 10rpx; | |||
color: #fff; | |||
text-align: center; | |||
align-items: center; | |||
} | |||
.addpark-num-head view, .addpark-num-center view, .addpark-num-new view { | |||
width: 88rpx; | |||
height: 82rpx; | |||
line-height: 82rpx; | |||
} | |||
.addpark-num-center { | |||
display: flex; | |||
margin-left: 20rpx; | |||
width: 392rpx; | |||
border: 2rpx solid #58abfa; | |||
border-radius: 10rpx; | |||
text-align: center; | |||
align-items: center; | |||
} | |||
.addpark-num-head-border { | |||
border-left: 2rpx solid #fff; | |||
} | |||
.addpark-num-center-border { | |||
border-left: 2rpx solid #58abfa; | |||
} | |||
.addpark-num-new { | |||
display: flex; | |||
width: 82rpx; | |||
text-align: center; | |||
align-items: center; | |||
margin-left: 20rpx; | |||
border: 2rpx solid #12c67a; | |||
border-radius: 10rpx; | |||
} | |||
.newsource{ | |||
font-size: 16rpx; | |||
position: absolute; | |||
top: 100rpx; | |||
left: 670rpx; | |||
height: 30rpx; | |||
width: 60rpx; | |||
background: #11c67b; | |||
color: #fff; | |||
border: 1px solid #11c67b; | |||
border-radius: 14rpx; | |||
text-align: center; | |||
line-height: 30rpx; | |||
} | |||
.addpark-choose { | |||
width: 672rpx; | |||
margin: 34rpx auto; | |||
height: 440rpx; | |||
border: 2rpx solid #58abfa; | |||
border-radius: 16rpx; | |||
padding: 30rpx 15rpx; | |||
} | |||
.addpark-choose-line { | |||
display: flex; | |||
justify-content: center; | |||
} | |||
.addpark-choose-font { | |||
width: 66rpx; | |||
height: 66rpx; | |||
background: #f8f8f8; | |||
text-align: center; | |||
line-height: 66rpx; | |||
border: 1 px solid #f8f8f8; | |||
border-radius: 8rpx; | |||
margin: 10rpx; | |||
} | |||
.addpark-choose-font p image{ | |||
width:5vmin; | |||
height:3.5vmin; | |||
vertical-align: middle; | |||
} | |||
.addpark-choose-num { | |||
width: 672rpx; | |||
margin: 34rpx auto; | |||
height: 510rpx; | |||
border: 2rpx solid #58abfa; | |||
border-radius: 16rpx; | |||
padding: 30rpx 15rpx; | |||
} | |||
.choose { | |||
color:#58abfa; | |||
} | |||
.choose-title{ | |||
border:6rpx solid #ffd255; | |||
} | |||
.addpark-button-submit{ | |||
width: 710rpx; | |||
height: 80rpx; | |||
margin: 0 auto; | |||
background: #60b4fc; | |||
color: #ffffff; | |||
border-radius: 10rpx; | |||
line-height: 80rpx; | |||
} | |||
.addpark-button-gray{ | |||
width: 710rpx; | |||
height: 80rpx; | |||
margin: 0 auto; | |||
background: #cbcccd; | |||
color: #ffffff; | |||
border-radius: 10rpx; | |||
line-height: 80rpx; | |||
} | |||
.addpark-back{ | |||
font-size: 25rpx; | |||
color: #5aadfb; | |||
float: right; | |||
margin: 25rpx 25rpx; | |||
} | |||
.plaza-parking-info { | |||
box-sizing: border-box; | |||
height: 235rpx; | |||
margin: 20rpx 30rpx 0 30rpx !important; | |||
background: #fff; | |||
padding: 20rpx 30rpx 30rpx 30rpx; | |||
border-radius: 10rpx; | |||
display: flex; | |||
} | |||
.plaza-parking-info image { | |||
height: 147rpx; | |||
width: 147rpx; | |||
margin-top: 15rpx; | |||
margin-right: 30rpx; | |||
} | |||
.plaza-parking-info .flex-item { | |||
flex: 1; | |||
} | |||
.plaza-parking-info .flex-item p:first-child { | |||
font-size: 30rpx; | |||
margin-bottom: 10rpx; | |||
text-overflow: hidden; | |||
overflow: hidden; | |||
white-space: nowrap; | |||
width: 100%; | |||
} | |||
.plaza-parking-info .plaza-tip { | |||
color: rgb(153, 153, 153); | |||
font-size: 24rpx; | |||
} | |||
.plaza-parking-info span { | |||
color: rgb(153, 153, 153); | |||
font-size: 24rpx; | |||
width: 50%; | |||
display: inline-block; | |||
} | |||
.plaza-parking-info span:last-child { | |||
color: rgb(88, 171, 251); | |||
} | |||
.addCar { | |||
/* margin-top:1vmin!important; */ | |||
text-align: center; | |||
} | |||
.addCar .add-btn { | |||
color: rgb(88, 171, 251); | |||
font-size: 32rpx; | |||
} | |||
.addCar .tip { | |||
margin-top: 3vmin; | |||
font-size: 24rpx; | |||
color: rgb(153, 153, 153); | |||
} | |||
.addCar i { | |||
color: rgb(88, 171, 251); | |||
} | |||
.bottom-nav { | |||
padding: 3vmin 5vmin; | |||
display: flex; | |||
justify-content: space-between; | |||
} | |||
.bottom-nav button.parking-log { | |||
border: rgb(88, 171, 251) 1rpx solid; | |||
color: rgb(88, 171, 251); | |||
width: 330rpx; | |||
line-height: 68rpx; | |||
height: 68rpx; | |||
font-size: 32rpx; | |||
} | |||
.bottom-nav button.parking-coupon { | |||
border: rgb(253, 50, 83) 1rpx solid; | |||
background: rgb(253, 50, 83); | |||
color: #fff; | |||
width: 330rpx; | |||
height: 68rpx; | |||
line-height: 68rpx; | |||
font-size: 32rpx; | |||
} | |||
/*绑定车辆列表*/ | |||
.car-list { | |||
padding: 30rpx; | |||
} | |||
.car-list .item { | |||
box-sizing: border-box; | |||
background: #fff; | |||
border-radius: 15rpx; | |||
height: 100rpx; | |||
line-height: 100rpx; | |||
padding: 0 20rpx 0 40rpx; | |||
margin-bottom: 20rpx; | |||
position: relative; | |||
} | |||
.car-list .item span { | |||
line-height: 50rpx; | |||
display: inline-block; | |||
width: 257rpx; | |||
border: 1rpx solid rgb(88, 171, 251); | |||
padding-left: 30rpx; | |||
border-radius: 10rpx; | |||
color: rgb(88, 171, 251); | |||
font-size: 32rpx; | |||
font-weight: bold; | |||
} | |||
.car-list .item image { | |||
position: absolute; | |||
right: 23rpx; | |||
top: 26rpx; | |||
} | |||
.car-list .oTitle { | |||
font-size: 3.5vmin; | |||
color: rgb(153, 153, 153); | |||
line-height: 8vmin; | |||
height: 8vmin; | |||
display: block; | |||
margin-left: 1vmin; | |||
} | |||
.car-list .oTitle image { | |||
display: block; | |||
width: 4.3vmin; | |||
height: 4.1vmin; | |||
background-size: 100%; | |||
float: left; | |||
margin-right: 1vmin; | |||
vertical-align: middle; | |||
} | |||
.footer { | |||
text-align: right; | |||
padding-right: 30rpx; | |||
color: rgb(88, 171, 251); | |||
font-size: 24rpx; | |||
} | |||
.wrap { | |||
padding: 10rpx 30rpx 30rpx 30rpx; | |||
} | |||
.out { | |||
display: flex; | |||
justify-content: space-between; | |||
margin-bottom: 20rpx; | |||
height: 180rpx; | |||
padding: 20rpx 30rpx; | |||
border-radius: 20rpx; | |||
box-shadow: 6rpx 6rpx 6rpx rgba(0, 0, 0, 0.06); | |||
} | |||
.bg-blue { | |||
background: linear-gradient(45deg, rgb(98, 216, 253), rgb(89, 178, 251)); | |||
} | |||
.bg-blue .car-name { | |||
background-color: #fff; | |||
color: rgb(88, 177, 251); | |||
text-align: center; | |||
} | |||
.bg-blue .name-border { | |||
border: 1px solid rgb(88, 177, 251); | |||
border-radius: 15rpx; | |||
font-size: 27rpx; | |||
} | |||
.bg-white { | |||
background-color: #fff; | |||
} | |||
.bg-white .name-border { | |||
border: 1px solid #fff; | |||
border-radius: 15rpx; | |||
font-size: 27rpx; | |||
} | |||
.car { | |||
flex: 1; | |||
} | |||
.car text { | |||
display: block; | |||
} | |||
.car-name { | |||
margin-bottom: 25rpx; | |||
background-color: rgb(88, 177, 251); | |||
color: #fff; | |||
box-sizing: border-box; | |||
padding: 7rpx 10rpx; | |||
border-radius: 20rpx; | |||
width: 246rpx; | |||
height: 54rpx; | |||
text-align: center; | |||
} | |||
.parking-time { | |||
font-size: 30rpx; | |||
color: rgb(182, 182, 182); | |||
margin-bottom: 10rpx; | |||
} | |||
.need-pay { | |||
display: block; | |||
height: 80rpx; | |||
text-align: right; | |||
color: #fff; | |||
font-size: 64rpx; | |||
} | |||
.go-pay { | |||
box-sizing: border-box; | |||
border: 5rpx solid #fff; | |||
text-align: center; | |||
position: absolute; | |||
bottom: 0; | |||
width: 130rpx; | |||
line-height: 50rpx; | |||
right: 0; | |||
color: #fff; | |||
border-radius: 20rpx; | |||
font-size: 28rpx; | |||
} | |||
.address { | |||
font-size: 30rpx; | |||
color: rgb(182, 182, 182); | |||
} | |||
.bg-blue .parking-time { | |||
color: #fff; | |||
} | |||
.bg-blue .address { | |||
color: #fff; | |||
} | |||
.cost>text { | |||
display: block; | |||
margin-bottom: 12rpx; | |||
} | |||
.time { | |||
font-size: 25rpx; | |||
background: red; | |||
color: white; | |||
padding: 0 7rpx; | |||
margin-right: 10rpx; | |||
} | |||
.dot { | |||
color: red; | |||
margin-right: 10rpx; | |||
} | |||
.time-tip { | |||
font-size: 24rpx; | |||
color: rgb(182, 182, 182); | |||
text-align: center; | |||
} | |||
.already-pay { | |||
color: rgb(88, 171, 251); | |||
font-size: 30rpx; | |||
} | |||
.out-cars { | |||
position: relative; | |||
} | |||
.out-car { | |||
margin-top: 10rpx; | |||
display: block; | |||
font-size: 24rpx; | |||
margin-bottom: 30rpx; | |||
color: rgb(182, 182, 182); | |||
} | |||
.go-pay-disabled { | |||
display: inline-block; | |||
position: absolute; | |||
border: 5rpx solid rgb(204, 204, 204); | |||
bottom: 0; | |||
right: 0; | |||
text-align: center; | |||
background: rgb(204, 204, 204); | |||
color: #fff; | |||
border-radius: 20rpx; | |||
width: 130rpx; | |||
line-height: 50rpx; | |||
font-size: 28rpx; | |||
} | |||
.oTitle { | |||
font-size: 3.5vmin; | |||
color: rgb(153, 153, 153); | |||
line-height: 8vmin; | |||
height: 8vmin; | |||
display: block; | |||
margin-left: 1vmin; | |||
} | |||
.oTitle image { | |||
display: block; | |||
width: 4.3vmin; | |||
height: 4.1vmin; | |||
background-size: 100%; | |||
float: left; | |||
margin-right: 1vmin; | |||
margin-top: 2vmin; | |||
} | |||
.info-right { | |||
width: 30vmin; | |||
text-align: right; | |||
position: relative; | |||
} | |||
.car-outting { | |||
background: #fff; | |||
} | |||
.car-outting .car-name { | |||
color: #fff; | |||
} | |||
@@ -0,0 +1,150 @@ | |||
// pages/park/park.js | |||
Page({ | |||
/** | |||
* 页面的初始数据 | |||
*/ | |||
data: { | |||
item1: ["京", "沪", "浙", "苏", "粤", "鲁", "晋", "冀", | |||
"豫", "川", "渝", "辽", "吉", "黑", "皖", "鄂", | |||
"津", "贵", "云", "桂", "琼", "青", "新", "藏", | |||
"蒙", "宁", "甘", "陕", "闽", "赣", "湘"], | |||
item2: ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", | |||
"Q", "W", "E", "R", "T", "Y", "U", "I", "O", "P", | |||
"A", "S", "D", "F", "G", "H", "J", "K", "L", | |||
"Z", "X", "C", "V", "B", "N", "M"], | |||
hidden1: true, | |||
hidden2: true, | |||
carNo: '', | |||
}, | |||
//车牌输入获取焦点 | |||
d1: function () { | |||
var that = this; | |||
if (that.data.carNo == '') { | |||
that.setData({ | |||
hidden1: false, | |||
hidden2: true | |||
}) | |||
} else { | |||
that.setData({ | |||
hidden1: true, | |||
hidden2: false | |||
}) | |||
} | |||
}, | |||
//车牌输入失去焦点 | |||
d2: function () { | |||
var that = this; | |||
that.setData({ | |||
hidden1: true, | |||
hidden2: true | |||
}) | |||
}, | |||
//获取车牌省份 | |||
sheng: function (e) { | |||
var that = this; | |||
console.log(e.currentTarget.dataset.sh); | |||
that.setData({ | |||
carNo: e.currentTarget.dataset.sh | |||
}) | |||
if (that.data.carNo != '') { | |||
that.setData({ | |||
hidden1: true, | |||
hidden2: false | |||
}) | |||
} | |||
}, | |||
//获取车牌号码 | |||
other: function (e) { | |||
var that = this; | |||
console.log(e.currentTarget.dataset.ot); | |||
var carNo = that.data.carNo + e.currentTarget.dataset.ot; | |||
that.setData({ | |||
carNo: carNo | |||
}) | |||
}, | |||
//回删车牌 | |||
del: function () { | |||
var that = this; | |||
var ss = that.data.carNo; | |||
console.log(ss); | |||
var s = ss.split(''); | |||
console.log(s); | |||
console.log(s.slice(0, -1)); | |||
if (s.slice(0, -1).length == 0) { | |||
that.setData({ | |||
hidden1: false, | |||
hidden2: true | |||
}) | |||
} | |||
console.log(s.join('').slice(0, -1)); | |||
var s = s.join('').slice(0, -1); | |||
that.setData({ | |||
carNo: s | |||
}) | |||
console.log(that.data.carNo.length); | |||
}, | |||
//确认输入 | |||
ok: function () { | |||
wx.navigateTo({ | |||
url: '/pages/passCar/passCar', | |||
}) | |||
}, | |||
/** | |||
* 生命周期函数--监听页面加载 | |||
*/ | |||
onLoad: function (options) { | |||
}, | |||
/** | |||
* 生命周期函数--监听页面初次渲染完成 | |||
*/ | |||
onReady: function () { | |||
}, | |||
/** | |||
* 生命周期函数--监听页面显示 | |||
*/ | |||
onShow: function () { | |||
}, | |||
/** | |||
* 生命周期函数--监听页面隐藏 | |||
*/ | |||
onHide: function () { | |||
}, | |||
/** | |||
* 生命周期函数--监听页面卸载 | |||
*/ | |||
onUnload: function () { | |||
}, | |||
/** | |||
* 页面相关事件处理函数--监听用户下拉动作 | |||
*/ | |||
onPullDownRefresh: function () { | |||
}, | |||
/** | |||
* 页面上拉触底事件的处理函数 | |||
*/ | |||
onReachBottom: function () { | |||
}, | |||
/** | |||
* 用户点击右上角分享 | |||
*/ | |||
onShareAppMessage: function () { | |||
} | |||
}) |
@@ -0,0 +1,4 @@ | |||
{ | |||
"component": true, | |||
"usingComponents": {} | |||
} |
@@ -0,0 +1,22 @@ | |||
<!--pages/park/park.wxml--> | |||
<!--pages/jp_cp/jp_cp.wxml--> | |||
<view class="container"> | |||
<view>请输入车牌号码:</view> | |||
<view class="chepai"> | |||
<view class="tel" bindtap="d1">{{carNo}}</view> | |||
</view> | |||
<!-- 省 --> | |||
<view class="provinces" hidden='{{hidden1}}'> | |||
<view class="pro_li lf" wx:for="{{item1}}" wx:key='{{index}}' bindtap='sheng' data-sh="{{item}}">{{item}}</view> | |||
<view class="pro_del lf" bindtap='null'>清空</view> | |||
<view class="pro_close lf" bindtap='d2'>关闭</view> | |||
</view> | |||
<!-- 号码 --> | |||
<view class="keyNums" hidden='{{hidden2}}'> | |||
<view class="pro_li lf" wx:for="{{item2}}" wx:key='{{index}}' bindtap='other' data-ot="{{item}}">{{item}}</view> | |||
<view class="bot"> | |||
<view class="pro_ok lf" bindtap='ok'>OK</view> | |||
<view class="pro_d lf" bindtap='del'>Del</view> | |||
</view> | |||
</view> | |||
</view> |
@@ -0,0 +1,86 @@ | |||
/* pages/park/park.wxss */ | |||
/* pages/jp_cp/jp_cp.wxss */ | |||
.lf{ | |||
float: left; | |||
} | |||
.rt{ | |||
float: right; | |||
} | |||
.tel{ | |||
border-bottom: 2rpx solid #ddd; | |||
height: 100rpx; | |||
line-height:100rpx; | |||
} | |||
.chepai{ | |||
height: 200rpx; | |||
line-height:200rpx; | |||
} | |||
.provinces{ | |||
overflow: hidden; | |||
background-color: #CED3D9; | |||
padding:30rpx 0; | |||
position: absolute; | |||
bottom: 0; | |||
left: 0; | |||
z-index: 10000; | |||
} | |||
.pro_li{ | |||
font-size: 36rpx; | |||
height: 70rpx; | |||
width: 70rpx; | |||
line-height: 70rpx; | |||
text-align: center; | |||
border: 2rpx solid #ddd; | |||
margin: 5rpx; | |||
background-color:#fff; | |||
} | |||
.pro_close{ | |||
width: 100rpx; | |||
height: 70rpx; | |||
line-height: 70rpx; | |||
font-size: 32rpx; | |||
text-align: center; | |||
background-color: #fff; | |||
border: 2rpx solid #ddd; | |||
margin: 5rpx ; | |||
} | |||
.pro_del{ | |||
width: 100rpx; | |||
height: 70rpx; | |||
line-height: 70rpx; | |||
font-size: 32rpx; | |||
text-align: center; | |||
background-color: #fff; | |||
border: 2rpx solid #ddd; | |||
margin: 5rpx; | |||
} | |||
.keyNums{ | |||
overflow: hidden; | |||
background-color: #CED3D9; | |||
padding:30rpx 0; | |||
position: absolute; | |||
bottom: 0; | |||
left: 0; | |||
z-index: 10000; | |||
} | |||
.pro_ok{ | |||
width: 100rpx; | |||
height: 70rpx; | |||
line-height: 70rpx; | |||
font-size: 32rpx; | |||
text-align: center; | |||
background-color: #fff; | |||
border: 2rpx solid #ddd; | |||
margin: 5rpx ; | |||
/* margin-left: 35%; */ | |||
} | |||
.pro_d{ | |||
width: 100rpx; | |||
height: 70rpx; | |||
line-height: 70rpx; | |||
font-size: 32rpx; | |||
text-align: center; | |||
background-color: #fff; | |||
border: 2rpx solid #ddd; | |||
margin: 5rpx; | |||
} |
@@ -0,0 +1,36 @@ | |||
// pages/passCar/passCar.js | |||
Component({ | |||
properties: { | |||
}, | |||
data: { | |||
}, | |||
methods: { | |||
jumpToAdd: function() { | |||
wx.redirectTo({ | |||
url: '/pages/addPark/addPark' | |||
}); | |||
}, | |||
jumpToPay: function() { | |||
wx.redirectTo({ | |||
url: '/pages/pay/pay', | |||
}) | |||
}, | |||
passb: function() { | |||
wx.showToast({ | |||
title: '货物在路上~', | |||
}) | |||
}, | |||
passc: function() { | |||
wx.showToast({ | |||
title: '宝宝最可爱~', | |||
}) | |||
}, | |||
orderPay: function() { | |||
wx.redirectTo({ | |||
url: '/pages/pay/pay' | |||
}); | |||
} | |||
} | |||
}) |
@@ -0,0 +1,5 @@ | |||
{ | |||
"component": true, | |||
"usingComponents": {}, | |||
"navigationBarTitleText": "车辆管理" | |||
} |
@@ -0,0 +1,56 @@ | |||
<view class='container'> | |||
<view class='headBox'> | |||
<image src='../../assets/img/timg.jpg'></image> | |||
<view class='numberBox'> | |||
<view class='titleName'>万达停车场</view> | |||
<view class='carLocation'>总车位: | |||
<label class='locationNumber'> 8888个</label> | |||
</view> | |||
<view class='carLocation'>停车费: | |||
<label class='locationNumber'>大班车 ¥5/小时</label> | |||
</view> | |||
</view> | |||
</view> | |||
<view class='borderBox'> | |||
<view class='borderUp'>我的爱车 | |||
<label class='carNumber'>最多可添加3辆,点选车牌号完成付款</label> | |||
</view> | |||
<view class='passNumberBox'> | |||
<view class='passNumber' bindtap='orderPay'>京C·21457</view> | |||
<button class='deleteButton' bindtap='delete'>删除</button> | |||
</view> | |||
<view class='addBox'> | |||
<view class='add' bindtap="jumpToAdd">点击添加我的爱车</view> | |||
</view> | |||
</view> | |||
<view class='bottonBox'> | |||
<view class='textStyle'> | |||
<image src='../../assets/img/quan.png'></image> | |||
我的停车券 | |||
<view class='detail'> | |||
<image src='../../assets/img/down.png'></image> | |||
</view> | |||
</view> | |||
<view class='voucher'> | |||
<text class='textV1'>2小时免费停车券</text> | |||
<text class='textV2'>¥10.00元</text> | |||
<view class='choice'> | |||
<image src='../../assets/img/choiced.png'></image> | |||
</view> | |||
</view> | |||
<view class='textStyle' bindtap='passb'> | |||
<image src='../../assets/img/jilu.png'></image> | |||
停车记录 | |||
<view class='detail'> | |||
<image src='../../assets/img/right.png'></image> | |||
</view> | |||
</view> | |||
<view class='textStyle' bindtap='passc'> | |||
<image src='../../assets/img/wenti.png'></image> | |||
常见问题 | |||
<view class='detail'> | |||
<image src='../../assets/img/right.png'></image> | |||
</view> | |||
</view> | |||
</view> | |||
</view> |
@@ -0,0 +1,182 @@ | |||
/**passCar.wxss**/ | |||
page{ | |||
background-color: #f8f8f8; | |||
} | |||
.headBox{ | |||
margin-top: 13rpx; | |||
width: 750rpx; | |||
height: 210rpx; | |||
box-sizing: border-box; | |||
padding: 30rpx 40rpx; | |||
display: flex; | |||
background-color: white | |||
} | |||
.headBox image{ | |||
width: 150rpx; | |||
height: 150rpx; | |||
margin-right: 62rpx; | |||
border: 1px #cbcbcb solid; | |||
} | |||
.numberBox{ | |||
width: 400rpx; | |||
height: 150rpx | |||
} | |||
.titleName{ | |||
line-height: 60rpx; | |||
height:60rpx; | |||
color: #333; | |||
font-size: 36rpx; | |||
width: 400rpx; | |||
word-break:break-all; | |||
text-align: justify; | |||
} | |||
::-webkit-scrollbar{ | |||
width: 0; | |||
height: 0; | |||
color: transparent; | |||
} | |||
.carLocation,.locationNumber{ | |||
width: 400rpx; | |||
height: 50rpx; | |||
color: #333; | |||
font-size: 28rpx; | |||
line-height: 50rpx; | |||
} | |||
.borderBox{ | |||
width: 750rpx; | |||
margin-top: 26rpx; | |||
} | |||
.borderUp{ | |||
padding: 50rpx; | |||
width: 750rpx; | |||
height: 50rpx; | |||
line-height: 50rpx; | |||
font-size: 36rpx; | |||
color: #333; | |||
border-bottom: 1rpx #f8f8f8 solid; | |||
background-color: white; | |||
} | |||
.carNumber{ | |||
padding: 50rpx; | |||
height: 50rpx; | |||
line-height: 50rpx; | |||
font-size: 28rpx; | |||
color: #cbcbcb; | |||
background-color: white; | |||
} | |||
.addBox{ | |||
width: 750rpx; | |||
height: 220rpx; | |||
position: relative; | |||
background-color: white; | |||
} | |||
.add{ | |||
position: absolute; | |||
left: 50%; | |||
top: 50%; | |||
transform: translate(-50%,-50%); | |||
font-size: 36rpx; | |||
color: #333; | |||
} | |||
.bottonBox{ | |||
width: 750rpx; | |||
margin-top: 75rpx; | |||
background-color: white; | |||
} | |||
.textStyle{ | |||
height: 90rpx; | |||
line-height: 90rpx; | |||
padding-left: 130rpx; | |||
color: #333; | |||
font-size: 28rpx; | |||
letter-spacing: 1rpx; | |||
margin-top: 30rpx; | |||
border-bottom: 1rpx #f8f8f8 solid; | |||
position: relative; | |||
} | |||
.textStyle image{ | |||
width: 50rpx; | |||
height: 50rpx; | |||
top: 20rpx; | |||
left: 50rpx; | |||
position: absolute; | |||
} | |||
.passNumberBox{ | |||
width: 750rpx; | |||
height: 150rpx; | |||
position: relative; | |||
background-color: white; | |||
border-bottom: 1rpx #f8f8f8 solid; | |||
} | |||
.passNumber{ | |||
width: 400rpx; | |||
height: 150rpx; | |||
font-size: 32rpx; | |||
font-weight: 600; | |||
line-height: 150rpx; | |||
left: 55rpx; | |||
position: absolute; | |||
} | |||
.deleteButton{ | |||
font-size: 28rpx; | |||
line-height: 50rpx; | |||
top: 50rpx; | |||
right: 30rpx; | |||
position: absolute; | |||
} | |||
.detail{ | |||
width: 32rpx; | |||
height: 32rpx; | |||
right: 50rpx; | |||
top: 32rpx; | |||
position: absolute; | |||
} | |||
.detail image{ | |||
width: 32rpx; | |||
height: 32rpx; | |||
position: absolute; | |||
left: 0; | |||
top: 0; | |||
} | |||
.voucher{ | |||
width: 88%; | |||
margin-left: 6%; | |||
height: 80rpx; | |||
background-color: #cbcbcb; | |||
position: relative; | |||
} | |||
.textV1,.textV2{ | |||
line-height: 80rxp; | |||
font-size: 28rpx; | |||
color: white; | |||
} | |||
.textV1{ | |||
position: absolute; | |||
left: 10rpx; | |||
top: 22rpx; | |||
} | |||
.textV2{ | |||
position: absolute; | |||
top: 22rpx; | |||
right: 80rpx; | |||
} | |||
.choice{ | |||
width: 80rpx; | |||
height: 80rpx; | |||
position: absolute; | |||
top: 0; | |||
right: 0; | |||
} | |||
.choice image{ | |||
position: absolute; | |||
left: 50%; | |||
top: 50%; | |||
transform: translate(-50%,-50%); | |||
width: 30rpx; | |||
height: 30rpx; | |||
} |
@@ -12,7 +12,7 @@ | |||
}, | |||
"compileType": "miniprogram", | |||
"libVersion": "2.2.2", | |||
"appid": "wx649b3be73c1afe47", | |||
"appid": "wx8eb8275b78db4ede", | |||
"projectname": "C4", | |||
"isGameTourist": false, | |||
"condition": { | |||