停车锁

pages/parkingLock/parkingLock.scss

@@ -0,0 +1,28 @@
+.parking-lock {
+	height: calc(100vh - 88rpx);
+	background-color: #F6F6FF;
+	.parking-lock-title {
+		font-size: 46rpx;
+		color: #292929;
+		text-align: center;
+		padding-top: 31rpx;
+		line-height: 65rpx;
+		font-family: PingFangSC-Regular, PingFang SC;
+		font-weight: 400;
+	}
+	.parking-lock-tips {
+		width: calc(100% - 72rpx);
+		font-size: 30rpx;
+		color: #777777;
+		text-align: center;
+		margin: 10rpx auto;
+		line-height: 47rpx;
+	}
+	.parking-lock-info {
+		width: calc(100% - 72rpx);
+		margin: 31rpx auto 54rpx;
+		background-color: #fff;
+		border-radius: 15rpx;
+		padding: 39rpx 41rpx;
+	}
+}

pages/parkingLock/parkingLock.vue

@@ -0,0 +1,61 @@
+<template>
+	<!-- 车位锁 -->
+	<view class="parking-lock">
+		<view class="parking-lock-title">支付停车费</view>
+		<view class="parking-lock-tips">请您确认停车费用，确认后请支付费用，结束停车。谢谢您的使用！</view>
+		<view class="parking-lock-info">
+			<view class="parking-lock-info-item">
+				<view>停车场名称</view>
+				<view>名称1</view>
+			</view>
+			<view class="parking-lock-info-item">
+				<view>停车泊位</view>
+				<view>泊位1</view>
+			</view>
+			<view class="parking-lock-info-item">
+				<view>入场时间</view>
+				<view>2021-01-01 00:00:00</view>
+			</view>
+			<view class="parking-lock-info-item">
+				<view>出场时间</view>
+				<view>2021-01-01 00:00:00</view>
+			</view>
+			<view class="parking-lock-info-item">
+				<view>停车时长</view>
+				<view>2021-01-01 00:00:00</view>
+			</view>
+			<view class="parking-lock-info-item">
+				<view>合计金额</view>
+				<view>2021-01-01 00:00:00</view>
+			</view>
+			<view class="parking-lock-info-item">
+				<view>优惠金额</view>
+				<view>2021-01-01 00:00:00</view>
+			</view>
+			<view class="parking-lock-info-item">
+				<view>应缴金额</view>
+				<view>2021-01-01 00:00:00</view>
+			</view>
+		</view>
+		<view class="parking-lock-pay-btn">
+			<button type="default">立即支付</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+@import './parkingLock.scss';
+</style>