轮播,试用与微信公众号,apicloud苹果安卓
<head>
<script type="text/javascript" src="script/jquery.min.js"></script> <script type="text/javascript" src="../script/swiper.3.1.2.min.js"></script>
<link href="../css/swiper.3.1.2.min.css" rel="stylesheet" type="text/css" />
下载地址 链接:https://pan.baidu.com/s/1dGoUqzR 密码:47rp </head>
<body>
<div class="swiper-container swiper-container0"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="(item, index) in banner"> <a><img :src="item.ba_img" style="width:100%;height:100%"></a> <div v-text="item.ba_url"></div> </div> </div> <div class="swiper-pagination swiper-pagination0"></div> </div>
在ajax调取数据成功后
setTimeout(function(){ for(var i = 0;i < this_obj.first.banner.length;i++){ var name = "swiper" + i; var container = ".swiper-container" + i; var point = ".swiper-pagination" + i; name = new Swiper(container,{ pagination:point, paginationClickble:true, autoplay:1500 }); } },500);
</body>