入场闪烁

pages/parking/parking.scss

@@ -14,6 +14,13 @@
 			background: #61B4FF;
 			border-radius: 11rpx;
 		}
+		.flashing{
+				overflow: hidden;
+				margin-bottom: 9rpx;
+				height: 129rpx;
+				border-radius: 11rpx;
+				animation: twinkling 1s infinite ease-in-out;
+			}
 		.text{
 			font-size: 32rpx;
 			line-height: 45rpx;
@@ -22,7 +29,16 @@
 			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;

pages/parking/parking.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" @click="roadspaceClick(item)" v-for="(item,index) in roadspaceList" :key="index + item.id">
-				<view class="block">
+				<view class="block" :class="{flashing: item.deviceStatus ==1||item.deviceStatus ==5}">
 					
 				</view>
 				<view class="text">{{item.spaceName}}</view>