1

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

src/components/door.vue

@@ -1258,7 +1258,7 @@
 	#two {
 		width: 45px;
 		position: absolute;
-		left: 10%;
+		left: 25%;
 		top: 50%;
 		transform: translateY(-50%);
 		z-index: 2;
@@ -1268,7 +1268,7 @@
 		width: 368px;
 		position: absolute;
 		top: 50%;
-		left: 25%;
+		left: 40%;
 		transform: translateY(-50%);
 		z-index: 3;
 	}
@@ -1277,7 +1277,7 @@
 		width: 56px;
 		position: absolute;
 		top: 50%;
-		left: 15%;
+		left: 30%;
 		transform: translateY(-50%);
 		z-index: 4;
 	}
@@ -1285,7 +1285,7 @@
 	#jjj1 {
 		width: 100px;
 		position: absolute;
-		left: 47%;
+		left: 62%;
 		top: 63%;
 		transform: translateY(-50%);
 		z-index: 3;
@@ -1293,7 +1293,7 @@
 	#jjj2 {
 		width: 299px;
 		position: absolute;
-		left: 47%;
+		left: 62%;
 		top: 47%;
 		transform: translateY(-50%);
 		z-index: 2;
@@ -1301,7 +1301,7 @@
 	#seven {
 		width: 53px;
 		position: absolute;
-		left: 50%;
+		left: 65%;
 		top: 75%;
 		transform: translateY(-50%);
 		z-index: 6;
@@ -1310,7 +1310,7 @@
 	#tou {
 		width: 85px;
 		position: absolute;
-		left: 54%;
+		left: 69%;
 		top: 75%;
 		transform: translateY(-50%);
 		z-index: 11;
@@ -1318,7 +1318,7 @@
 	#arm {
 		width: 105px;
 		position: absolute;
-		left: 59%;
+		left: 75%;
 		top: 75%;
 		transform: translateY(-50%);
 		z-index: 6;
@@ -1326,7 +1326,7 @@
 	#screan {
 		width: 205px;
 		position: absolute;
-		left: 67%;
+		left: 82%;
 		top: 75%;
 		transform: translateY(-50%);
 		z-index: 11;
@@ -1334,7 +1334,7 @@
 	#ai {
 		width: 205px;
 		position: absolute;
-		left: 67%;
+		left: 82%;
 		top: 56%;
 		transform: translateY(-50%);
 		z-index: 10;
@@ -1342,7 +1342,7 @@
 	#bottom {
 		width: 210px;
 		position: absolute;
-		left: 67%;
+		left: 82%;
 		top: 37%;
 		transform: translateY(-50%);
 		z-index: 9;
@@ -1350,7 +1350,7 @@
 	#five {
 		width: 490px;
 		position: absolute;
-		left: 13%;
+		left: 28%;
 		top: 80%;
 		transform: translateY(-50%);
 		z-index: 5;
@@ -1358,7 +1358,7 @@
 	#six {
 		width: 760px;
 		position: absolute;
-		left: 13%;
+		left: 28%;
 		top: 85%;
 		transform: translateY(-50%);
 		z-index: 99;

src/components/index.vue

@@ -103,29 +103,12 @@
 				type: 0, //判断上册哪个年级
 				type1: 0, //判断上册还是下册
 				type2: 0, //判断下册哪个年级
-				res1: [
-					[
-						{ poster: require("../assets/img/qcRobot.png"), path: "" },
-						{ poster: require("../assets/img/necklace.png"), path: "" },
-						{ poster: require("../assets/img/qiRobot.png"), path: "" },
-						{ poster: require("../assets/img/policeCard.png"), path: "police" },
-					],
-					[],
-					[],
-					[{ poster: require("../assets/img/qcRobot.png"), path: "" }],
-					[
-						{ poster: require("../assets/img/necklace.png"), path: "" },
-						{ poster: require("../assets/img/qiRobot.png"), path: "" },
-					],
-					[{ poster: require("../assets/img/policeCard.png"), path: "police" }],
-					[],
-				],
 				res: [
 					[
 						{ poster: require("../assets/img/light.png"), path: "light" },
 						{ poster: require("../assets/img/door.png"), path: "door" },
 						{ poster: require("../assets/img/curtain.png"), path: "" },
-						{ poster: require("../assets/img/robot.png"), path: "" },
+						{ poster: require("../assets/img/robot.png"), path: "robot" },
 						{ poster: require("../assets/img/car.png"), path: "" },
 						{ poster: require("../assets/img/pay.png"), path: "" },
 						{ poster: require("../assets/img/traffic.png"), path: "traffic" },
@@ -137,7 +120,7 @@
 					[],
 					[
 						{ poster: require("../assets/img/curtain.png"), path: "" },
-						{ poster: require("../assets/img/robot.png"), path: "" },
+						{ poster: require("../assets/img/robot.png"), path: "robot" },
 					],
 					[
 						{ poster: require("../assets/img/car.png"), path: "" },
@@ -146,6 +129,23 @@
 					[],
 					[{ poster: require("../assets/img/pay.png"), path: "" }],
 				],
+				res1: [
+					[
+						{ poster: require("../assets/img/qcRobot.png"), path: "" },
+						{ poster: require("../assets/img/necklace.png"), path: "" },
+						{ poster: require("../assets/img/qiRobot.png"), path: "" },
+						{ poster: require("../assets/img/policeCard.png"), path: "police" },
+					],
+					[],
+					[],
+					[{ poster: require("../assets/img/qcRobot.png"), path: "" }],
+					[
+						{ poster: require("../assets/img/necklace.png"), path: "" },
+						{ poster: require("../assets/img/qiRobot.png"), path: "" },
+					],
+					[{ poster: require("../assets/img/policeCard.png"), path: "police" }],
+					[],
+				],
 			};
 		},
 		directives: {

src/components/police.vue

@@ -27,7 +27,7 @@
 				id="police"
 				v-drag="{ go, getK, setk, getC, setC, getA, setA, setPan, getPan }"
 			>
-				<img src="../assets/img/police.png" alt="" />
+				<img src="../assets/img/policeNew.png" alt="" />
 			</div>
 		</div>
 		<div class="right"><img src="../assets/img/right.png" alt="" /></div>
@@ -222,16 +222,16 @@
 							saP2 < 240 &&
 							type == 4
 						) {
-							dv2.style.left = policeL + 76 + "px";
-							dv2.style.top = policeT - 105 + "px";
+							dv2.style.left = policeL + 56 + "px";
+							dv2.style.top = policeT - 75 + "px";
 							binding.value.setA(1);
 							playMusic();
 						} else if (type == 4) {
 							binding.value.setA(0);
 						}
 						if (-203 < spL && spL < 60 && -41 < spP && spP < 254 && type == 1) {
-							dv.style.left = policeL + 75 + "px";
-							dv.style.top = policeT - 109 + "px";
+							dv.style.left = policeL + 51 + "px";
+							dv.style.top = policeT - 75 + "px";
 							binding.value.setC(1);
 							playMusic();
 						} else if (type == 1) {
@@ -239,8 +239,8 @@
 						}
 
 						if (-101 < stL && stL < -34 && 68 < stP && stP < 130 && type == 2) {
-							dv1.style.left = _panL + 61 + "px";
-							dv1.style.top = _panT - 106 + "px";
+							dv1.style.left = _panL + 47 + "px";
+							dv1.style.top = _panT - 79 + "px";
 							binding.value.setk(1);
 							playMusic();
 						} else if (type == 2) {
@@ -253,22 +253,22 @@
 
 					function moveP(nl, nt, type) {
 						if (binding.value.getK() == 1 && type == 1) {
-							dv1.style.left = nl + 61 + "px";
-							dv1.style.top = nt - 106 + "px";
+							dv1.style.left = nl + 47 + "px";
+							dv1.style.top = nt - 79 + "px";
 						}
 
 						if (binding.value.getC() == 1 && type == 3) {
-							dv.style.left = nl + 75 + "px";
-							dv.style.top = nt - 109 + "px";
+							dv.style.left = nl + 51 + "px";
+							dv.style.top = nt - 75 + "px";
 						}
 
             if (binding.value.getC() == 1 && binding.value.getA() == 1 && binding.value.getK() == 1 && type == 3) {
-              dv.style.left = nl + 75 + "px";
-							dv.style.top = nt - 109 + "px";
-							dv1.style.left = nl + 140 + "px";
-							dv1.style.top = nt - 214 + "px";
-              dv2.style.left = nl + 76 + "px";
-							dv2.style.top = nt - 105 + "px";
+              dv.style.left = nl + 51 + "px";
+							dv.style.top = nt - 75 + "px";
+							dv1.style.left = nl + 98 + "px";
+							dv1.style.top = nt - 153 + "px";
+              dv2.style.left = nl + 56 + "px";
+							dv2.style.top = nt - 75 + "px";
 						}
 
 					}
@@ -341,7 +341,7 @@
 	}
 
 	#screan {
-		width: 205px;
+		width: 150px;
 		position: absolute;
 		left: 10%;
 		top: 50%;
@@ -350,7 +350,7 @@
 	}
 
 	#ai {
-		width: 205px;
+		width: 150px;
 		position: absolute;
 		top: 50%;
 		left: 30%;
@@ -359,7 +359,7 @@
 	}
 
 	#tou {
-		width: 70px;
+		width: 55px;
 		position: absolute;
 		top: 50%;
 		left: 50%;
@@ -368,7 +368,7 @@
 	}
 
 	#police {
-		width: 350px;
+		width: 250px;
 		position: absolute;
 		left: 70%;
 		top: 50%;