4 tháng trước cách đây · cdfdee9554
--- a/assets/img/if-location-pin@1x-2.png
+++ b/assets/img/if-location-pin@1x-2.png
--- a/assets/img/parkingDetails/item1.png
+++ b/assets/img/parkingDetails/item1.png
--- a/assets/img/parkingDetails/item2.png
+++ b/assets/img/parkingDetails/item2.png
--- a/pages/main/ahtml/htn.html
+++ b/pages/main/ahtml/htn.html
@@ -0,0 +1,129 @@
 
				+<!DOCTYPE html>

			
 
				+<html lang="zh - CN">

			
 
				+

			
 
				+	<head>

			
 
				+		<meta charset="UTF - 8">

			
 
				+		<meta name="viewport" content="width=device - width, initial - scale = 1.0">

			
 
				+		<link rel="stylesheet" href="styles.css">

			
 
				+		<title>降锁说明</title>

			
 
				+	</head>

			
 
				+

			
 
				+	<body>

			
 
				+		<div class="page">

			
 
				+			<header class="page - header">

			
 
				+				<span class="back - button" onclick="history.back()">返回</span>

			
 
				+				<h1 class="page - title">降锁说明</h1>

			
 
				+			</header>

			
 
				+			<main class="page - content">

			
 
				+				<div class="step">

			
 
				+					<span class="step - number">1.</span>

			
 
				+					<p class="step - description">微信扫描位于充电桩立柱或站内墙面上的二维码。</p>

			
 
				+				</div>

			
 
				+				<div class="step">

			
 
				+					<span class="step - number">2.</span>

			
 
				+					<p class="step - description">选择空闲车位。</p>

			
 
				+				</div>

			
 
				+				<div class="step">

			
 
				+					<span class="step - number">3.</span>

			
 
				+					<p class="step - description">选择需要降锁的车位，点击“降锁”按钮。</p>

			
 
				+				</div>

			
 
				+				<div class="step">

			
 
				+					<span class="step - number">4.</span>

			
 
				+					<p class="step - description">降锁完成后提示操作完成，并提示尽快停车。</p>

			
 
				+				</div>

			
 
				+				<div class="tip">

			
 
				+					<h2 class="tip - title">温馨提示</h2>

			
 
				+					<ul class="tip - list">

			
 
				+						<li class="tip - item">顺利降锁后有三分钟时间，请及时就位；超时地锁自动升起，请重新扫码降锁。</li>

			
 
				+						<li class="tip - item">请按降锁流程说明停车，严禁使用外力降锁。</li>

			
 
				+						<li class="tip - item">地锁服务热线 400 - 0000 - 000</li>

			
 
				+					</ul>

			
 
				+				</div>

			
 
				+			</main>

			
 
				+		</div>

			
 
				+	</body>

			
 
				+

			
 
				+</html>
			
 
				+<<style type="text/css">
			
 
				+	/* styles.css */
			
 
				+	body {
			
 
				+	    font - family: Arial, sans - serif;
			
 
				+	    margin: 0;
			
 
				+	    padding: 0;
			
 
				+	    background - color: #f0f0f0;
			
 
				+	}
			
 
				+	
			
 
				+	.page {
			
 
				+	    max - width: 600px;
			
 
				+	    margin: 0 auto;
			
 
				+	    background - color: #fff;
			
 
				+	    box - shadow: 0 0 10px rgba(0, 0, 0, 0.1);
			
 
				+	    border - radius: 5px;
			
 
				+	    overflow: hidden;
			
 
				+	}
			
 
				+	
			
 
				+	.page - header {
			
 
				+	    background - color: #007BFF;
			
 
				+	    color: white;
			
 
				+	    padding: 15px;
			
 
				+	    display: flex;
			
 
				+	    align - items: center;
			
 
				+	}
			
 
				+	
			
 
				+	.back - button {
			
 
				+	    cursor: pointer;
			
 
				+	    font - size: 16px;
			
 
				+	    margin - right: 15px;
			
 
				+	    color: white;
			
 
				+	    text - decoration: none;
			
 
				+	}
			
 
				+	
			
 
				+	.page - title {
			
 
				+	    font - size: 20px;
			
 
				+	    margin: 0;
			
 
				+	}
			
 
				+	
			
 
				+	.page - content {
			
 
				+	    padding: 20px;
			
 
				+	}
			
 
				+	
			
 
				+	.step {
			
 
				+	    display: flex;
			
 
				+	    align - items: flex - start;
			
 
				+	    margin - bottom: 15px;
			
 
				+	}
			
 
				+	
			
 
				+	.step - number {
			
 
				+	    font - size: 24px;
			
 
				+	    font - weight: bold;
			
 
				+	    color: #007BFF;
			
 
				+	    margin - right: 10px;
			
 
				+	}
			
 
				+	
			
 
				+	.step - description {
			
 
				+	    margin: 0;
			
 
				+	    line - height: 1.5;
			
 
				+	}
			
 
				+	
			
 
				+	.tip {
			
 
				+	    margin - top: 20px;
			
 
				+	    border - left: 3px solid #f0ad4e;
			
 
				+	    padding - left: 15px;
			
 
				+	}
			
 
				+	
			
 
				+	.tip - title {
			
 
				+	    font - size: 18px;
			
 
				+	    margin - bottom: 10px;
			
 
				+	    color: #333;
			
 
				+	}
			
 
				+	
			
 
				+	.tip - list {
			
 
				+	    list - style - type: none;
			
 
				+	    padding: 0;
			
 
				+	}
			
 
				+	
			
 
				+	.tip - item {
			
 
				+	    line - height: 1.5;
			
 
				+	    margin - bottom: 5px;
			
 
				+	}
			
 
				+</style>
			
--- a/pages/main/ahtml/lockDescribe.vue
+++ b/pages/main/ahtml/lockDescribe.vue
@@ -1,22 +1,137 @@
 
				-<template>
			
 
				-	<view>
			
 
				-		
			
 
				-	</view>
			
 
				-</template>
			
 
				-
			
 
				-<script>
			
 
				-	export default {
			
 
				-		data() {
			
 
				-			return {
			
 
				-				
			
 
				-			}
			
 
				-		},
			
 
				-		methods: {
			
 
				-			
			
 
				-		}
			
 
				-	}
			
 
				-</script>
			
 
				-
			
 
				-<style>
			
 
				-
			
 
				-</style>
			
 
				+<template>

			
 
				+	<view>

			
 
				+

			
 
				+

			
 
				+		<div class="page">

			
 
				+			<header class="page-header">

			
 
				+				<span class="back-button" onclick="history.back()">返回</span>

			
 
				+				<h1 class="page-title">降锁说明</h1>

			
 
				+			</header>

			
 
				+			<main class="page-content">

			
 
				+				<div class="step">

			
 
				+					<span class="step-number">1.</span>

			
 
				+					<p class="step-description">微信扫描位于充电桩立柱或站内墙面上的二维码。</p>

			
 
				+				</div>

			
 
				+				<div class="step">

			
 
				+					<span class="step-number">2.</span>

			
 
				+					<p class="step-description">选择空闲车位。</p>

			
 
				+				</div>

			
 
				+				<div class="step">

			
 
				+					<span class="step-number">3.</span>

			
 
				+					<p class="step-description">选择需要降锁的车位，点击“降锁”按钮。</p>

			
 
				+				</div>

			
 
				+				<div class="step">

			
 
				+					<span class="step-number">4.</span>

			
 
				+					<p class="step-description">降锁完成后提示操作完成，并提示尽快停车。</p>

			
 
				+				</div>

			
 
				+				<div class="tip">

			
 
				+					<h2 class="tip-title">温馨提示</h2>

			
 
				+					<ul class="tip-list">

			
 
				+						<li class="tip-item">顺利降锁后有三分钟时间，请及时就位；超时地锁自动升起，请重新扫码降锁。</li>

			
 
				+						<li class="tip-item">请按降锁流程说明停车，严禁使用外力降锁。</li>

			
 
				+						<li class="tip-item">地锁服务热线 400-0000-000</li>

			
 
				+					</ul>

			
 
				+				</div>

			
 
				+			</main>

			
 
				+		</div>

			
 
				+

			
 
				+

			
 
				+	</view>

			
 
				+</template>

			
 
				+

			
 
				+<script>

			
 
				+	export default {

			
 
				+		data() {

			
 
				+			return {

			
 
				+

			
 
				+			}

			
 
				+		},

			
 
				+		methods: {

			
 
				+

			
 
				+		}

			
 
				+	}

			
 
				+</script>

			
 
				+

			
 
				+<style>

			
 
				+	/* styles.css */

			
 
				+	body {

			
 
				+		

			
 
				+		margin: 0;

			
 
				+		padding: 0;

			
 
				+		background-color: #f0f0f0;

			
 
				+	}

			
 
				+

			
 
				+	.page {

			
 
				+		max-width: 600px;

			
 
				+		margin: 0 auto;

			
 
				+		background-color: #fff;

			
 
				+		box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

			
 
				+		border-radius: 5px;

			
 
				+		overflow: hidden;

			
 
				+	}

			
 
				+

			
 
				+	.page-header {

			
 
				+		background-color: #007BFF;

			
 
				+		color: white;

			
 
				+		padding: 15px;

			
 
				+		display: flex;

			
 
				+		align-items: center;

			
 
				+	}

			
 
				+

			
 
				+	.back-button {

			
 
				+		cursor: pointer;

			
 
				+		font-size: 16px;

			
 
				+		margin-right: 15px;

			
 
				+		color: white;

			
 
				+		text-decoration: none;

			
 
				+	}

			
 
				+

			
 
				+	.page-title {

			
 
				+		font-size: 20px;

			
 
				+		margin: 0;

			
 
				+	}

			
 
				+

			
 
				+	.page-content {

			
 
				+		padding: 20px;

			
 
				+	}

			
 
				+

			
 
				+	.step {

			
 
				+		display: flex;

			
 
				+		align-items: flex-start;

			
 
				+		margin-bottom: 15px;

			
 
				+	}

			
 
				+

			
 
				+	.step-number {

			
 
				+		font-size: 24px;

			
 
				+		font-weight: bold;

			
 
				+		color: #007BFF;

			
 
				+		margin-right: 10px;

			
 
				+	}

			
 
				+

			
 
				+	.step-description {

			
 
				+		margin: 0;

			
 
				+		line-height: 1.5;

			
 
				+	}

			
 
				+

			
 
				+	.tip {

			
 
				+		margin-top: 20px;

			
 
				+		border-left: 3px solid #f0ad4e;

			
 
				+		padding-left: 15px;

			
 
				+	}

			
 
				+

			
 
				+	.tip-title {

			
 
				+		font-size: 18px;

			
 
				+		margin-bottom: 10px;

			
 
				+		color: #333;

			
 
				+	}

			
 
				+

			
 
				+	.tip-list {

			
 
				+		list-style-type: none;

			
 
				+		padding: 0;

			
 
				+	}

			
 
				+

			
 
				+	.tip-item {

			
 
				+		line-height: 1.5;

			
 
				+		margin-bottom: 5px;

			
 
				+	}

			
 
				+</style>
			
--- a/pages/main/ahtml/parkingDetails.vue
+++ b/pages/main/ahtml/parkingDetails.vue
@@ -1,83 +1,198 @@
 
				-<template>
			
 
				-	<view  class="jpmain body">
			
 
				-		<view class="title">
			
 
				-			<view class="name">
			
 
				-				<view class="stationName">
			
 
				-					<img class="img" src="@/assets/img/parkingDetails/item1.png" alt="">
			
 
				-					荆鹏软件园
			
 
				-				</view>
			
 
				-				<view class="address">
			
 
				-					<img class="img" src="@/assets/img/if-location-pin@1x.png" alt="">
			
 
				-					小于50米
			
 
				-				</view>
			
 
				+<template>

			
 
				+	<view class="jpmain ">

			
 
				+		<view class="title">

			
 
				+			<view class="name">

			
 
				+				<view class="stationName">

			
 
				+					<img class="img" src="@/assets/img/parkingDetails/item1.png" alt="">

			
 
				+					<span class="item1" >荆鹏软件园</span>

			
 
				+				</view>

			
 
				+				<view class="address">

			
 
				+					<img class="img" src="@/assets/img/if-location-pin@1x-2.png" alt="">

			
 
				+					<span class="item1" >小于50米</span>

			
 
				+				</view>

			
 
				+			</view>

			
 
				+			<view class="value">

			
 
				+				<view class="item1">

			
 
				+					<img class="img" src="@/assets/img/parkingDetails/item2.png" alt="">

			
 
				+				</view>

			
 
				+				<view class="item2">切换</view>

			
 
				+			</view>

			
 
				+		</view>

			
 
				+		<view class="body">

			
 
				+

			
 
				+

			
 
				+			<view class="describe ">

			
 
				+				<view class="item1">

			
 
				+					地址：<span>荆州市沙市区江津东路155号</span>

			
 
				+				</view>

			
 
				+				<view class="item2">

			
 
				+					<view class="item-a">

			
 
				+						车位总数：<span>4个</span>

			
 
				+					</view>

			
 
				+					<view class="item-b">

			
 
				+						空闲车位：<span>4个</span>

			
 
				+					</view>

			
 
				+					<view class="item-c">

			
 
				+						<img class="img" src="@/assets/img/if-location-pin@1x.png" alt="">

			
 
				+						降锁说明

			
 
				+					</view>

			
 
				+				</view>

			
 
				+

			
 
				 			</view>
			
 
				-			<view class="value">
			
 
				-				<view class="item1">
			
 
				-					<img class="img" src="@/assets/img/parkingDetails/item2.png" alt="">
			
 
				-				</view>
			
 
				-				<view class="item2">切换</view>
			
 
				-			</view>
			
 
				-		</view>
			
 
				-		<view  class="describe">
			
 
				-			<view  class="item1">
			
 
				-				地址：<span>荆州市沙市区江津东路155号</span>
			
 
				-			</view>
			
 
				-			<view  class="item2">
			
 
				-				<view  class="item-a">
			
 
				-					车位总数：<span>4个</span>
			
 
				-				</view>
			
 
				-				<view  class="item-b">
			
 
				-					空闲车位：<span>4个</span>
			
 
				-				</view>
			
 
				-				<view  class="item-c">
			
 
				-					<img class="img" src="@/assets/img/if-location-pin@1x.png" alt="">
			
 
				-					降锁说明
			
 
				-				</view>
			
 
				-			</view>
			
 
				-			
			
 
				-		</view>
			
 
				-		<view class="data">
			
 
				-			<view class="info">
			
 
				-				<view class="name">请选择空闲车位</view>
			
 
				-				<view class="value">
			
 
				-					<view>
			
 
				-						<img class="img" src="@/assets/img/parkingDetails/item3.png" alt="">
			
 
				-						使用中
			
 
				-						</view>
			
 
				-					<view>
			
 
				-						<img class="img" src="@/assets/img/parkingDetails/item4.png" alt="">
			
 
				-						空闲
			
 
				+		

			
 
				+			<view class="data ">

			
 
				+				<view class="info">

			
 
				+					<view class="name">请选择空闲车位</view>

			
 
				+					<view class="value">

			
 
				+						

			
 
				+							<img class="img" src="@/assets/img/parkingDetails/item3.png" alt="">

			
 
				+							<span class="item1">使用中</span>

			
 
				+						

			
 
				+						<img class="img" src="@/assets/img/parkingDetails/item4.png" alt="">

			
 
				+							
			
 
				+								<span>空闲</span>

			
 
				+

			
 
				+					</view>

			
 
				+				</view>

			
 
				+				<view class="list">

			
 
				+					<view class="item">

			
 
				+						<view class="name">
			
 
				+							<img class="img" src="@/assets/img/parkingDetails/item3.png" alt="">
			
 
				+							
			
 
				+							1号车位</view>

			
 
				+						<view class="value">降锁</view>

			
 
				+					</view>

			
 
				+					<view class="item">
			
 
				+						<view class="name">1号车位</view>
			
 
				+						<view class="value">降锁</view>
			
 
				+					</view>

			
 
				+				</view>

			
 
				+			</view>

			
 
				+		</view>

			
 
				+	</view>

			
 
				+</template>

			
 
				+

			
 
				+<script>

			
 
				+	export default {

			
 
				+		data() {

			
 
				+			return {

			
 
				+

			
 
				+			}

			
 
				+		},

			
 
				+		methods: {

			
 
				+

			
 
				+		}

			
 
				+	}

			
 
				+</script>

			
 
				+

			
 
				+<style  scoped lang="scss" >

			
 
				+	.title {

			
 
				+		background-color: rgba(22, 119, 255, 1);

			
 
				+		display: flex;

			
 
				+		justify-content: space-between;

			
 
				+		align-items: center;

			
 
				+		padding:20px 16px;
			
 
				+		color: rgba(255,255,255,1);
			
 
				+

			
 
				+		.name{

			
 
				+			display: flex;

			
 
				+			align-items: center;

			
 
				+

			
 
				+			.stationName {
			
 
				+				font-size: 20px;
			
 
				+

			
 
				+				display: flex;

			
 
				+				align-items: center;
			
 
				+				.item1{
			
 
				+					margin: 0 12px;
			
 
				+				}
			
 
				+				

			
 
				+			}

			
 
				+

			
 
				+			.address {
			
 
				+				font-size: 14px;
			
 
				+

			
 
				+				display: flex;

			
 
				+				align-items: center;
			
 
				+				.item1{
			
 
				+					margin: 0 4px;
			
 
				+				}

			
 
				+			}

			
 
				+		}
			
 
				+		.value{
			
 
				+			    display: flex;
			
 
				+			    flex-direction: column;
			
 
				+			    align-items: center;
			
 
				+				.item2{
			
 
				+					font-size: 12px;
			
 
				 
			
 
				-					</view>
			
 
				-				</view>
			
 
				-			</view>
			
 
				-			<view class="list">
			
 
				-				<view class="item">
			
 
				-					<view class="name"></view>
			
 
				-					<view class="value"></view>
			
 
				-				</view>
			
 
				-				<view class="item">
			
 
				-					<view class="name"></view>
			
 
				-					<view class="value"></view>
			
 
				-				</view>
			
 
				-			</view>
			
 
				-		</view>
			
 
				-	</view>
			
 
				-</template>
			
 
				+				}
			
 
				+		}

			
 
				+	}
			
 
				+	.describe{
			
 
				+		font-size: 16px;
			
 
				+		color: rgba(119,119,119,1);
			
 
				+		padding-bottom: 16px;
			
 
				+		border-bottom: 1px solid rgba(232,232,232,1);
			
 
				+		.item1{
			
 
				+			span{
			
 
				+				color: rgba(51,51,51,1);
			
 
				+			}
			
 
				+			padding-bottom: 8px;
			
 
				+		}
			
 
				+		.item-a{
			
 
				+			span{
			
 
				+				font-weight: bold;
			
 
				+				color: rgba(51,51,51,1);
			
 
				+			}
			
 
				+		}
			
 
				+		.item-b{
			
 
				+			span{
			
 
				+				color: rgba(0,185,98,1);
			
 
				+				font-weight: bold;
			
 
				+			}
			
 
				+		}
			
 
				+		.item-c{
			
 
				+			color: rgba(22,119,255,1);
			
 
				+			    display: flex;
			
 
				+			    align-items: center;
			
 
				 
			
 
				-<script>
			
 
				-	export default {
			
 
				-		data() {
			
 
				-			return {
			
 
				+		}
			
 
				+		.item2{
			
 
				+			    display: flex;
			
 
				+			    justify-content: space-between;
			
 
				+		}
			
 
				+		
			
 
				+	}
			
 
				+	
			
 
				+	.data{
			
 
				+		.info{
			
 
				+			margin: 16px 0;
			
 
				+			padding:8px ;
			
 
				+			    display: flex;
			
 
				+			    justify-content: space-between;
			
 
				+				border-radius: 4px;
			
 
				 				
			
 
				+				border: 1px solid rgba(216,220,226,1);
			
 
				+				.value{
			
 
				+					    display: flex;
			
 
				+					    align-items: center;
			
 
				+						.item1{
			
 
				+							margin-right: 20px;
			
 
				+						}
			
 
				+						span{
			
 
				+							margin-left: 4px;
			
 
				+						}
			
 
				+				}
			
 
				+		}
			
 
				+		.list{
			
 
				+			.item{
			
 
				+				    display: flex;
			
 
				+				    justify-content: space-between;
			
 
				+					.name{
			
 
				+						
			
 
				+					}
			
 
				 			}
			
 
				-		},
			
 
				-		methods: {
			
 
				-			
			
 
				 		}
			
 
				-	}
			
 
				-</script>
			
 
				-
			
 
				-<style>
			
 
				-
			
 
				-</style>
			
 
				+	}

			
 
				+</style>
			
--- a/pages/main/index/index.vue
+++ b/pages/main/index/index.vue
@@ -12,23 +12,23 @@
 
				 			return {
			
 
				 				list:[
			
 
				 					{
			
 
				-						name:"选择停车场",url:"pages/main/ahtml/homepage",
			
 
				+						name:"3.选择停车场",url:"pages/main/ahtml/homepage",
			
 
				 						s:1
			
 
				 					},
			
 
				 					{
			
 
				-						name:"停车场详情页",url:"pages/main/ahtml/parkingDetails"
			
 
				+						name:"4.停车场详情页",url:"pages/main/ahtml/parkingDetails"
			
 
				 					},
			
 
				 					{
			
 
				-						name:"地锁说明",url:"pages/main/ahtml/lockDescribe"
			
 
				+						name:"7.地锁说明",url:"pages/main/ahtml/lockDescribe"
			
 
				 					},
			
 
				 					{
			
 
				-						name:"个人信息",url:"pages/main/ahtml/information"
			
 
				+						name:"13.个人信息",url:"pages/main/ahtml/information"
			
 
				 					},
			
 
				 					{
			
 
				-						name:"地锁详情",url:"pages/main/ahtml/lockInfo"
			
 
				+						name:"8.地锁详情",url:"pages/main/ahtml/lockInfo"
			
 
				 					},
			
 
				 					{
			
 
				-						name:"个人中心",url:"pages/main/ahtml/center",
			
 
				+						name:"12.个人中心",url:"pages/main/ahtml/center",
			
 
				 						s:1
			
 
				 					},
			
 
				 					{
			
--- a/readme.md
+++ b/readme.md
@@ -1 +1,3 @@
 
				-[](https://modao.cc/proto/0IatAHTQs9utzggeat2cRV/sharing?view_mode=inspect&screen=rbpU6730lGqv3KI4h #荆鹏智能地锁-分享)
			
 
				+[#荆鹏智能地锁-分享]
			
 
				+(https://modao.cc/proto/0IatAHTQs9utzggeat2cRV/sharing?view_mode=inspect&screen=rbpU6730lGqv3KI4h
			
 
				+ )