不用Vue的话可直接这样使用(可行):
//引入相关文件
<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">第一页</p>
</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>
使用vue的话怎么像上面一样可用并加上动画??
目前使用
cnpm install vue-awesome-swiper --save
安装成功并成功使用,主要是不知道
swiper.animate.min.js
这个动画怎么加上去?有做过的吗?
新年不放假,跪求大佬,谢谢
import aniMate 的js和 css ,api使用参考 swiper官网的 swiper4 animate 使用示例试试