</div> | </div> | ||||
<img class="imgWord4" src="../../assets/vehicle/complianceWord2.png" alt=""> | <img class="imgWord4" src="../../assets/vehicle/complianceWord2.png" alt=""> | ||||
</div> | </div> | ||||
<img class="arrow" src="../../assets/pageArrow.png" alt=""> | |||||
<!-- 弹框 --> | <!-- 弹框 --> | ||||
<div class="maskAll" v-if="showMask"> | <div class="maskAll" v-if="showMask"> | ||||
</script> | </script> | ||||
<style scoped="scoped"> | <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{ | .slide{ | ||||
position: fixed; | position: fixed; | ||||
top: 0.3rem; | top: 0.3rem; |
</div> | </div> | ||||
<img class="imgWord4" src="../../assets/vehicle/imgWord4.png" alt=""> | <img class="imgWord4" src="../../assets/vehicle/imgWord4.png" alt=""> | ||||
</div> | </div> | ||||
<img class="arrow" src="../../assets/pageArrow.png" alt=""> | |||||
<!-- </div>--> | <!-- </div>--> | ||||
<!-- 弹框 --> | <!-- 弹框 --> | ||||
</script> | </script> | ||||
<style scoped="scoped"> | <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{ | .slide{ | ||||
position: fixed; | position: fixed; | ||||
top: 0.3rem; | top: 0.3rem; |
</div> | </div> | ||||
<img class="imgWord4" src="../../assets/vehicle/imgWord1_3_3.png" alt=""> | <img class="imgWord4" src="../../assets/vehicle/imgWord1_3_3.png" alt=""> | ||||
</div> | </div> | ||||
<img class="arrow" src="../../assets/pageArrow.png" alt=""> | |||||
<!-- 弹框 --> | <!-- 弹框 --> | ||||
<div class="maskAll" v-if="showMask"> | <div class="maskAll" v-if="showMask"> | ||||
</script> | </script> | ||||
<style scoped="scoped"> | <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{ | .slide{ | ||||
position: fixed; | position: fixed; | ||||
top: 0.3rem; | top: 0.3rem; |
</div> | </div> | ||||
<img class="imgWord4" src="../../assets/vehicle/imgWord1_2_3.png" alt=""> | <img class="imgWord4" src="../../assets/vehicle/imgWord1_2_3.png" alt=""> | ||||
</div> | </div> | ||||
<img class="arrow" src="../../assets/pageArrow.png" alt=""> | |||||
<!-- 弹框 --> | <!-- 弹框 --> | ||||
<div class="maskAll" v-if="showMask"> | <div class="maskAll" v-if="showMask"> | ||||
</script> | </script> | ||||
<style scoped="scoped"> | <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{ | .slide{ | ||||
position: fixed; | position: fixed; | ||||
top: 0.3rem; | top: 0.3rem; |
</div> | </div> | ||||
<img class="imgWord4" src="../../assets/vehicle/imgWord2_1_2.png" alt=""> | <img class="imgWord4" src="../../assets/vehicle/imgWord2_1_2.png" alt=""> | ||||
</div> | </div> | ||||
<img class="arrow" src="../../assets/pageArrow.png" alt=""> | |||||
<!-- 弹框 --> | <!-- 弹框 --> | ||||
<div class="maskAll" v-if="showMask"> | <div class="maskAll" v-if="showMask"> | ||||
<img class="mask1_1" src="../../assets/vehicle/mask2_1.jpg" alt=""> | <img class="mask1_1" src="../../assets/vehicle/mask2_1.jpg" alt=""> | ||||
</script> | </script> | ||||
<style scoped="scoped"> | <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{ | .slide{ | ||||
position: fixed; | position: fixed; | ||||
top: 0.3rem; | top: 0.3rem; |
</div> | </div> | ||||
<img class="imgWord4" src="../../assets/vehicle/imgWord2_3_2.png" alt=""> | <img class="imgWord4" src="../../assets/vehicle/imgWord2_3_2.png" alt=""> | ||||
</div> | </div> | ||||
<img class="arrow" src="../../assets/pageArrow.png" alt=""> | |||||
<!-- 弹框 --> | <!-- 弹框 --> | ||||
<div class="maskAll" v-if="showMask"> | <div class="maskAll" v-if="showMask"> | ||||
<img v-if="showMaskNum==1" class="mask1_1" src="../../assets/vehicle/mask2_5.jpg" alt=""> | <img v-if="showMaskNum==1" class="mask1_1" src="../../assets/vehicle/mask2_5.jpg" alt=""> | ||||
</script> | </script> | ||||
<style scoped="scoped"> | <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{ | .slide{ | ||||
position: fixed; | position: fixed; | ||||
top: 0.3rem; | top: 0.3rem; |
</div> | </div> | ||||
<img class="imgWord4" src="../../assets/vehicle/imgWord2_2_3.png" alt=""> | <img class="imgWord4" src="../../assets/vehicle/imgWord2_2_3.png" alt=""> | ||||
</div> | </div> | ||||
<img class="arrow" src="../../assets/pageArrow.png" alt=""> | |||||
<!-- 弹框 --> | <!-- 弹框 --> | ||||
<div class="maskAll" v-if="showMask"> | <div class="maskAll" v-if="showMask"> | ||||
<img v-if="showMaskNum==1" class="mask1_1" src="../../assets/vehicle/mask2_2.jpg" alt=""> | <img v-if="showMaskNum==1" class="mask1_1" src="../../assets/vehicle/mask2_2.jpg" alt=""> | ||||
</script> | </script> | ||||
<style scoped="scoped"> | <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{ | .slide{ | ||||
position: fixed; | position: fixed; | ||||
top: 0.3rem; | top: 0.3rem; |