轮播，试用与微信公众号，apicloud苹果安卓

时间：2024-08-25 15:34:56
<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 = ;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:

                               　  });

                                }

                               },);
</body>

相关文章