if you don"t need Vue, you can use it this way (feasible):
//
<link rel="stylesheet" href="css/swiper.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<script src="js/swiper.min.js"></script>
<script src="js/swiper.animate.min.js"></script>
//html
<body>
<div class="swiper-container">
<div class="swiper-wrapper">
<!-------------slide1----------------->
<section class="swiper-slide" id="page1">
<p class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
</section>
</div>
</div>
</body>
//-
<script>
var mySwiper = new Swiper (".swiper-container", {
direction : "vertical",
pagination: ".swiper-pagination",
mousewheelControl : true,
onInit: function(swiper){
swiperAnimateCache(swiper);
swiperAnimate(swiper);
},
onSlideChangeEnd: function(swiper){
swiperAnimate(swiper);
}
})
</script>
how can vue be used and animated as above?
currently uses
cnpm install vue-awesome-swiper-- save
has been installed and used successfully, mainly because I don"t know how to add the animation
swiper.animate.min.js
? Have you ever done it?
No holiday in the New year, beg the boss on your knees, thank you