轮播,试用与微信公众号,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="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>
原文地址:https://www.cnblogs.com/gqx-html/p/8315563.html