有车驶入未入场闪烁

pages/getout/getout.scss

@@ -96,4 +96,92 @@
 	width: 80rpx;
 	margin-top: 40rpx;
 	margin-right: 40rpx;
+}
+.bottom-btn-wrap{
+	display: flex;
+}
+.num{
+	margin: auto 0;
+}
+.pagesInput{
+	width: 45px;
+	margin: auto 30rpx;
+}
+.roadspace-list{
+	overflow: hidden;
+	margin-top: 30rpx;
+	margin-left: 22rpx;
+	.roadspace-list-item{
+		float: left;
+		width: calc( 50% - 18rpx );
+		margin-bottom: 13rpx;
+		margin-left: 18rpx;
+		.block{
+			overflow: hidden;
+			margin-bottom: 9rpx;
+			height: 129rpx;
+			background: #D6EBFD;
+			border-radius: 11rpx;
+		}
+		.text{
+			font-size: 32rpx;
+			line-height: 45rpx;
+			font-weight: 500;
+			color: #767676;
+			text-align: center;
+		}
+	}
+	
+	@-webkit-keyframes twinkling{	/*透明度由0到1*/
+		0%{
+			opacity:0;				/*透明度为0*/
+			// background: #000000;
+		}
+		100%{
+			opacity:1;				/*透明度为1*/
+			// background: #CCFF00;
+		}
+	}
+	.roadspace-list-item.used{
+		.block{
+			border: 2rpx solid #379EFA;
+			background-color: #fff;
+			// animation: twinkling 1s infinite ease-in-out;
+		}
+		.flashing{
+				overflow: hidden;
+				margin-bottom: 9rpx;
+				height: 129rpx;
+				background: #D6EBFD;
+				border-radius: 11rpx;
+				animation: twinkling 1s infinite ease-in-out;
+			}
+		.block-top{
+			height: 75rpx;
+			background-color: #3397FA;
+			display: flex;
+			align-items: center;
+			padding-left: 40rpx;
+			color: #fff;
+			.car-no{
+				margin-left: 27rpx;
+				font-size: 36rpx;
+				font-weight: 500;
+				color: #FFFFFF;
+				letter-spacing: 1px;
+			}
+		}
+		.block-bottom{
+			height: calc( 100% - 75rpx );
+			display: flex;
+			align-items: center;
+			padding-left: 40rpx;
+			color: #BEBEBE;
+			.time{
+				margin-left: 29rpx;
+			}
+		}
+		
+		
+	}
 }

pages/getout/getout.vue

@@ -11,7 +11,7 @@
 		<view class="search"><u-search placeholder="请输入车位名称"  v-model="roadspaceList.spaceName" shape="round" @search="spaceSearch()" @custom="spaceSearch()"></u-search></view>
 		<view class="roadspace-list wrap">
 			<view class="roadspace-list-item" :class="{used:item.placeStatus==1}" @click="roadspaceClick(item)" v-for="item in roadspaceList" :key="item.id">
-				<view class="block">
+				<view class="block"  :class="{'flashing': item.vehicleNo == 0 }">
 					<view class="block-top">
 						<u-icon name="car-fill" size="40" color="#fff"></u-icon>
 						<view class="car-no">{{ item.vehicleNo }}</view>
@@ -198,6 +198,7 @@
 					// 	title: res.msg,
 					// 	type: 'success',
 					// });
+					this.currentPageNum=res.data.page;
 					console.log(res.data.rows)
 					this.pages=res.data.pages;
 					this.list.pageNum=res.data.page;
@@ -454,6 +455,6 @@
 </script>
 
 <style lang="scss">
-	@import "../parking/parking.scss";
+	// @import "../parking/parking.scss";
 	@import "./getout.scss";
 </style>

pages/parking/parking.scss

@@ -22,10 +22,12 @@
 			text-align: center;
 		}
 	}
+	
 	.roadspace-list-item.used{
 		.block{
 			border: 2rpx solid #379EFA;
 			background-color: #fff;
+			
 		}
 		.block-top{
 			height: 75rpx;