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