zoukankan      html  css  js  c++  java
  • 轮播,试用与微信公众号,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>
  • 相关阅读:
    Django知识总结(一)
    Django知识总结(二)
    Django知识总结(三)
    机器学习领域主要术语的英文表达
    Python的进程与线程--思维导图
    MySQL数据库--思维导图
    5.18 每日小三练
    5.14 每日小三练
    5.12 每日小三练
    5.9 每日小三练
  • 原文地址:https://www.cnblogs.com/gqx-html/p/8315563.html
Copyright © 2011-2022 走看看