1

Signed-off-by: lcw <1324309909@qq.com>

src/components/police.vue

@@ -471,7 +471,7 @@ body {
 }
 
 #screan {
-  width: 130px;
+  width: 205px;
   position: absolute;
   left: 10%;
   top: 50%;
@@ -480,7 +480,7 @@ body {
 }
 
 #ai {
-  width: 130px;
+  width: 205px;
   position: absolute;
   top: 50%;
   left: 30%;
@@ -489,7 +489,7 @@ body {
 }
 
 #tou {
-  width: 45px;
+  width: 70px;
   position: absolute;
   top: 50%;
   left: 50%;
@@ -498,7 +498,7 @@ body {
 }
 
 #police {
-  width: 240px;
+  width: 350px;
   position: absolute;
   left: 70%;
   top: 50%;

src/components/robot.vue

@@ -779,6 +779,12 @@
 			</div>
 		</div>
 		<div class="right"><img src="../assets/img/right.png" alt="" /></div>
+		<div class="downLine">
+			<img src="../assets/img/robot/downLine.png" alt="" />
+		</div>
+		<div class="upLine">
+			<img src="../assets/img/robot/upLine.png" alt="" />
+		</div>
 		<div class="button">进入CocoBlockly编程平台</div>
 		<video
 			id="musicC"
@@ -1038,9 +1044,11 @@
 					function pan() {
 						var btn = document.getElementsByClassName("button")[0];
 						var right = document.getElementsByClassName("right")[0];
+						var downLine = document.getElementsByClassName("downLine")[0];
+						var upLine = document.getElementsByClassName("upLine")[0];
 
 						var policeL = dv5.offsetLeft;
-         				var policeT = dv5.offsetTop;
+						var policeT = dv5.offsetTop;
 
 						if (
 							binding.value.getOne() == 1 &&
@@ -1062,10 +1070,18 @@
 							right.style.display = "block";
 							right.style.left = policeL + 435 + "px";
 							right.style.top = policeT + 65 + "px";
+							downLine.style.display = "block";
+							downLine.style.left = policeL + 133 + "px";
+							downLine.style.top = policeT - 30 + "px";
+							upLine.style.display = "block";
+							upLine.style.left = policeL + 249 + "px";
+							upLine.style.top = policeT - 235 + "px";
 						} else {
 							btn.className = "button";
 							btn.onclick = null;
 							right.style.display = "none";
+							downLine.style.display = "none";
+							upLine.style.display = "none";
 						}
 					}
 					function st(nl, nt, type) {
@@ -1662,9 +1678,10 @@
 							all.style.top = nt - 66 + "px";
 						}
 						if (
-							(640 < allL ||
-							640 > allL) && (448 < allT ||
-							448 > allT) && binding.value.getEighteen() == 1 && type == 16
+							(640 < allL || 640 > allL) &&
+							(448 < allT || 448 > allT) &&
+							binding.value.getEighteen() == 1 &&
+							type == 16
 						) {
 							binding.value.setEighteen(0);
 							dv13.style.left = nl + 45 + "px";
@@ -1837,7 +1854,9 @@
 	#dEight > img,
 	#dNight > img,
 	#bottom > img,
-	.right > img {
+	.right > img,
+	.downLine > img,
+	.upLine > img {
 		width: 100%;
 		user-select: none;
 	}
@@ -2018,6 +2037,24 @@
 		display: none;
 	}
 
+	.downLine {
+		width: 150px;
+		position: absolute;
+		left: 55%;
+		top: 12%;
+		z-index: 99;
+		display: none;
+	}
+
+	.upLine {
+		width: 400px;
+		position: absolute;
+		left: 30%;
+		top: 10%;
+		z-index: 99;
+		display: none;
+	}
+
 	.dark {
 		background: #5b79d0;
 		cursor: pointer;