diff --git a/app.json b/app.json index 690b57c..e71040e 100644 --- a/app.json +++ b/app.json @@ -13,7 +13,10 @@ "pages/order/details/index", "pages/order/index/index", "pages/success/index", - "pages/login/index" + "pages/login/index", + "pages/park/park", + "pages/addPark/addPark", + "pages/passCar/passCar" ], "tabBar": { "color":"#9F9F9F", @@ -24,6 +27,11 @@ "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", diff --git a/assets/img/addr-white.png b/assets/img/addr-white.png new file mode 100644 index 0000000..a4b14df Binary files /dev/null and b/assets/img/addr-white.png differ diff --git a/assets/img/addr.png b/assets/img/addr.png new file mode 100644 index 0000000..15707fa Binary files /dev/null and b/assets/img/addr.png differ diff --git a/assets/img/alipay.png b/assets/img/alipay.png new file mode 100644 index 0000000..c7f053b Binary files /dev/null and b/assets/img/alipay.png differ diff --git a/assets/img/choice.png b/assets/img/choice.png new file mode 100644 index 0000000..67c2a3b Binary files /dev/null and b/assets/img/choice.png differ diff --git a/assets/img/choiced.png b/assets/img/choiced.png new file mode 100644 index 0000000..dd28e45 Binary files /dev/null and b/assets/img/choiced.png differ diff --git a/assets/img/down-white.png b/assets/img/down-white.png new file mode 100644 index 0000000..99ab22a Binary files /dev/null and b/assets/img/down-white.png differ diff --git a/assets/img/down.png b/assets/img/down.png new file mode 100644 index 0000000..8d13587 Binary files /dev/null and b/assets/img/down.png differ diff --git a/assets/img/home0.png b/assets/img/home0.png new file mode 100644 index 0000000..09fad63 Binary files /dev/null and b/assets/img/home0.png differ diff --git a/assets/img/home1.png b/assets/img/home1.png new file mode 100644 index 0000000..0f1aab0 Binary files /dev/null and b/assets/img/home1.png differ diff --git a/assets/img/jilu.png b/assets/img/jilu.png new file mode 100644 index 0000000..977b9e0 Binary files /dev/null and b/assets/img/jilu.png differ diff --git a/assets/img/location.png b/assets/img/location.png new file mode 100644 index 0000000..b88babd Binary files /dev/null and b/assets/img/location.png differ diff --git a/assets/img/mine.png b/assets/img/mine.png new file mode 100644 index 0000000..5a35ca7 Binary files /dev/null and b/assets/img/mine.png differ diff --git a/assets/img/pass0.png b/assets/img/pass0.png new file mode 100644 index 0000000..f71cdcf Binary files /dev/null and b/assets/img/pass0.png differ diff --git a/assets/img/pass1.png b/assets/img/pass1.png new file mode 100644 index 0000000..e9291de Binary files /dev/null and b/assets/img/pass1.png differ diff --git a/assets/img/phone.png b/assets/img/phone.png new file mode 100644 index 0000000..daf2ec8 Binary files /dev/null and b/assets/img/phone.png differ diff --git a/assets/img/quan.png b/assets/img/quan.png new file mode 100644 index 0000000..e32c557 Binary files /dev/null and b/assets/img/quan.png differ diff --git a/assets/img/right.png b/assets/img/right.png new file mode 100644 index 0000000..494d3a8 Binary files /dev/null and b/assets/img/right.png differ diff --git a/assets/img/shanchu-gray.png b/assets/img/shanchu-gray.png new file mode 100644 index 0000000..782e2e8 Binary files /dev/null and b/assets/img/shanchu-gray.png differ diff --git a/assets/img/shanchu.png b/assets/img/shanchu.png new file mode 100644 index 0000000..cbbeb8e Binary files /dev/null and b/assets/img/shanchu.png differ diff --git a/assets/img/share.png b/assets/img/share.png new file mode 100644 index 0000000..62c9257 Binary files /dev/null and b/assets/img/share.png differ diff --git a/assets/img/sucsess.png b/assets/img/sucsess.png new file mode 100644 index 0000000..ca4a0e1 Binary files /dev/null and b/assets/img/sucsess.png differ diff --git a/assets/img/timg.jpg b/assets/img/timg.jpg new file mode 100644 index 0000000..01bb8e1 Binary files /dev/null and b/assets/img/timg.jpg differ diff --git a/assets/img/wechat.png b/assets/img/wechat.png new file mode 100644 index 0000000..9e7af87 Binary files /dev/null and b/assets/img/wechat.png differ diff --git a/assets/img/wenti.png b/assets/img/wenti.png new file mode 100644 index 0000000..40a15d6 Binary files /dev/null and b/assets/img/wenti.png differ diff --git a/pages/addPark/addPark.js b/pages/addPark/addPark.js new file mode 100644 index 0000000..ae05921 --- /dev/null +++ b/pages/addPark/addPark.js @@ -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' + }); + } +}) + diff --git a/pages/addPark/addPark.json b/pages/addPark/addPark.json new file mode 100644 index 0000000..71b6d17 --- /dev/null +++ b/pages/addPark/addPark.json @@ -0,0 +1,3 @@ +{ + "navigationBarTitleText": "绑定车牌" +} \ No newline at end of file diff --git a/pages/addPark/addPark.wxml b/pages/addPark/addPark.wxml new file mode 100644 index 0000000..04ec4c0 --- /dev/null +++ b/pages/addPark/addPark.wxml @@ -0,0 +1,65 @@ +请输入车牌号(新能源选填) + + + {{title}} + {{numFir}} + + + {{numSco}} + {{numThr}} + {{numFor}} + {{numFive}} + {{numSix}} + + + {{numSource}} + + 新能源 + + + + + +

+

{{item}}

+
+
+
+
+ + + + +

+

{{item}}

+

{{item}}

+
+
+
+
+ + + + +

+

{{item}}

+

{{item}}

+
+
+
+
+ + + + + +

+

{{item}}

+

{{item}}

+
+
+
+
+ + + diff --git a/pages/addPark/addPark.wxss b/pages/addPark/addPark.wxss new file mode 100644 index 0000000..297a9d6 --- /dev/null +++ b/pages/addPark/addPark.wxss @@ -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; +} + diff --git a/pages/coupons/index/index.js b/pages/coupons/index/index.js index 8d9d15f..6b0ed32 100644 --- a/pages/coupons/index/index.js +++ b/pages/coupons/index/index.js @@ -5,7 +5,23 @@ const Http = require("../../../utils/HttpBasics") //1535126400000 Page({ data: { - tabs: [], + tabs: [{ + key: 0, + name: "未使用" + }, + { + key: 1, + name: "已使用" + }, + { + key: 2, + name: "已过期" + }, + { + key: 3, + name: "已退款" + } + ], list: [], current: '', current_scroll: '1' diff --git a/pages/park/park.js b/pages/park/park.js new file mode 100644 index 0000000..bb5b9f9 --- /dev/null +++ b/pages/park/park.js @@ -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 () { + + } +}) diff --git a/pages/park/park.json b/pages/park/park.json new file mode 100644 index 0000000..e8cfaaf --- /dev/null +++ b/pages/park/park.json @@ -0,0 +1,4 @@ +{ + "component": true, + "usingComponents": {} +} \ No newline at end of file diff --git a/pages/park/park.wxml b/pages/park/park.wxml new file mode 100644 index 0000000..8745769 --- /dev/null +++ b/pages/park/park.wxml @@ -0,0 +1,22 @@ + + + + 请输入车牌号码: + + {{carNo}} + + + + + + diff --git a/pages/park/park.wxss b/pages/park/park.wxss new file mode 100644 index 0000000..00142d1 --- /dev/null +++ b/pages/park/park.wxss @@ -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; +} diff --git a/pages/passCar/passCar.js b/pages/passCar/passCar.js new file mode 100644 index 0000000..f6d3360 --- /dev/null +++ b/pages/passCar/passCar.js @@ -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' + }); + } + } +}) \ No newline at end of file diff --git a/pages/passCar/passCar.json b/pages/passCar/passCar.json new file mode 100644 index 0000000..9e03f40 --- /dev/null +++ b/pages/passCar/passCar.json @@ -0,0 +1,5 @@ +{ + "component": true, + "usingComponents": {}, + "navigationBarTitleText": "车辆管理" +} \ No newline at end of file diff --git a/pages/passCar/passCar.wxml b/pages/passCar/passCar.wxml new file mode 100644 index 0000000..659eb96 --- /dev/null +++ b/pages/passCar/passCar.wxml @@ -0,0 +1,56 @@ + + + + + 万达停车场 + 总车位: + + + 停车费: + + + + + + 我的爱车 + + + + 京C·21457 + + + + 点击添加我的爱车 + + + + + + 我的停车券 + + + + + + 2小时免费停车券 + ¥10.00元 + + + + + + + 停车记录 + + + + + + + 常见问题 + + + + + + \ No newline at end of file diff --git a/pages/passCar/passCar.wxss b/pages/passCar/passCar.wxss new file mode 100644 index 0000000..de8eb5e --- /dev/null +++ b/pages/passCar/passCar.wxss @@ -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; +} \ No newline at end of file