图片压缩

src/views/twoCart/compliance.vue

@@ -13,6 +13,7 @@
             </div>
             <img class="imgWord4" src="../../assets/vehicle/complianceWord2.png" alt="">
         </div>
+        <img class="arrow" src="../../assets/pageArrow.png" alt="">
 
         <!-- 弹框 -->
         <div class="maskAll" v-if="showMask">
@@ -43,6 +44,20 @@
 </script>
 
 <style scoped="scoped">
+    .arrow{
+        width: 0.37rem;
+        height: 0.33rem;
+        position: absolute;
+        bottom: 0.3rem;
+        left: 50%;
+        transform: translateX(-50%);
+        animation: ani 1s linear infinite;
+    }
+    @keyframes ani {
+        0%{bottom:0.3rem}
+        50%{bottom:0.1rem}
+        100%{bottom:0.3rem}
+    }
     .slide{
         position: fixed;
         top: 0.3rem;

src/views/twoCart/criterion-money.vue

@@ -16,6 +16,7 @@
 				</div>
 				<img class="imgWord4" src="../../assets/vehicle/imgWord4.png" alt="">
 			</div>
+			<img class="arrow" src="../../assets/pageArrow.png" alt="">
 <!--		</div>-->
 
 		<!-- 弹框 -->
@@ -60,6 +61,21 @@
 </script>
 
 <style scoped="scoped">
+
+	.arrow{
+		width: 0.37rem;
+		height: 0.33rem;
+		position: absolute;
+		bottom: 0.3rem;
+		left: 50%;
+		transform: translateX(-50%);
+		animation: ani 1s linear infinite;
+	}
+	@keyframes ani {
+		0%{bottom:0.3rem}
+		50%{bottom:0.1rem}
+		100%{bottom:0.3rem}
+	}
 	.slide{
 		position: fixed;
 		top: 0.3rem;

src/views/twoCart/criterion-shop.vue

@@ -17,6 +17,7 @@
 			</div>
 			<img class="imgWord4" src="../../assets/vehicle/imgWord1_3_3.png" alt="">
 		</div>
+		<img class="arrow" src="../../assets/pageArrow.png" alt="">
 
 		<!-- 弹框 -->
 		<div class="maskAll" v-if="showMask">
@@ -68,6 +69,20 @@
 </script>
 
 <style scoped="scoped">
+	.arrow{
+		width: 0.37rem;
+		height: 0.33rem;
+		position: absolute;
+		bottom: 0.3rem;
+		left: 50%;
+		transform: translateX(-50%);
+		animation: ani 1s linear infinite;
+	}
+	@keyframes ani {
+		0%{bottom:0.3rem}
+		50%{bottom:0.1rem}
+		100%{bottom:0.3rem}
+	}
 	.slide{
 		position: fixed;
 		top: 0.3rem;

src/views/twoCart/criterion-showarea.vue

@@ -15,6 +15,7 @@
 			</div>
 			<img class="imgWord4" src="../../assets/vehicle/imgWord1_2_3.png" alt="">
 		</div>
+		<img class="arrow" src="../../assets/pageArrow.png" alt="">
 
 		<!-- 弹框 -->
 		<div class="maskAll" v-if="showMask">
@@ -52,6 +53,20 @@
 </script>
 
 <style scoped="scoped">
+	.arrow{
+		width: 0.37rem;
+		height: 0.33rem;
+		position: absolute;
+		bottom: 0.3rem;
+		left: 50%;
+		transform: translateX(-50%);
+		animation: ani 1s linear infinite;
+	}
+	@keyframes ani {
+		0%{bottom:0.3rem}
+		50%{bottom:0.1rem}
+		100%{bottom:0.3rem}
+	}
 	.slide{
 		position: fixed;
 		top: 0.3rem;

src/views/twoCart/high-money.vue

@@ -13,6 +13,7 @@
 			</div>
 			<img class="imgWord4" src="../../assets/vehicle/imgWord2_1_2.png" alt="">
 		</div>
+		<img class="arrow" src="../../assets/pageArrow.png" alt="">
 		<!-- 弹框 -->
 		<div class="maskAll" v-if="showMask">
 			<img class="mask1_1" src="../../assets/vehicle/mask2_1.jpg" alt="">
@@ -42,6 +43,20 @@
 </script>
 
 <style scoped="scoped">
+	.arrow{
+		width: 0.37rem;
+		height: 0.33rem;
+		position: absolute;
+		bottom: 0.3rem;
+		left: 50%;
+		transform: translateX(-50%);
+		animation: ani 1s linear infinite;
+	}
+	@keyframes ani {
+		0%{bottom:0.3rem}
+		50%{bottom:0.1rem}
+		100%{bottom:0.3rem}
+	}
 	.slide{
 		position: fixed;
 		top: 0.3rem;

src/views/twoCart/high-shop.vue

@@ -18,6 +18,7 @@
 			</div>
 			<img class="imgWord4" src="../../assets/vehicle/imgWord2_3_2.png" alt="">
 		</div>
+		<img class="arrow" src="../../assets/pageArrow.png" alt="">
 		<!-- 弹框 -->
 		<div class="maskAll" v-if="showMask">
 			<img v-if="showMaskNum==1" class="mask1_1" src="../../assets/vehicle/mask2_5.jpg" alt="">
@@ -56,6 +57,20 @@
 </script>
 
 <style scoped="scoped">
+	.arrow{
+		width: 0.37rem;
+		height: 0.33rem;
+		position: absolute;
+		bottom: 0.3rem;
+		left: 50%;
+		transform: translateX(-50%);
+		animation: ani 1s linear infinite;
+	}
+	@keyframes ani {
+		0%{bottom:0.3rem}
+		50%{bottom:0.1rem}
+		100%{bottom:0.3rem}
+	}
 	.slide{
 		position: fixed;
 		top: 0.3rem;

src/views/twoCart/high-showarea.vue

@@ -17,6 +17,7 @@
 			</div>
 			<img class="imgWord4" src="../../assets/vehicle/imgWord2_2_3.png" alt="">
 		</div>
+		<img class="arrow" src="../../assets/pageArrow.png" alt="">
 		<!-- 弹框 -->
 		<div class="maskAll" v-if="showMask">
 			<img v-if="showMaskNum==1" class="mask1_1" src="../../assets/vehicle/mask2_2.jpg" alt="">
@@ -55,6 +56,20 @@
 </script>
 
 <style scoped="scoped">
+	.arrow{
+		width: 0.37rem;
+		height: 0.33rem;
+		position: absolute;
+		bottom: 0.3rem;
+		left: 50%;
+		transform: translateX(-50%);
+		animation: ani 1s linear infinite;
+	}
+	@keyframes ani {
+		0%{bottom:0.3rem}
+		50%{bottom:0.1rem}
+		100%{bottom:0.3rem}
+	}
 	.slide{
 		position: fixed;
 		top: 0.3rem;