@@ -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; |
@@ -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; |
@@ -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; |
@@ -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; |
@@ -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; |
@@ -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; |
@@ -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; |