数码好玩市集

    <link rel="stylesheet" href="//storage.360buyimg.com/babel/00005666/260573/active/swiper.min.css?t=20180301131806">
  <script src="//storage.360buyimg.com/babel/00005666/260573/active/swiper.min.js?t=20180301131806"></script>
 </head>
 <body>
 <div class="swiper-content">
    <div class="swiper-container" id="background_photo">
      <div class="swiper-wrapper">
        <div class="swiper-slide"><img class="swiper-slide" src="https://img12.360buyimg.com/cms/jfs/t15685/217/1226158309/324617/3f15beaf/5a4d9322N71299d80.png" alt=""></div>
        <div class="swiper-slide"><img class="swiper-slide" src="https://img12.360buyimg.com/cms/jfs/t15541/131/1198391763/290495/92ba7109/5a4d9322Na1672bd9.png" alt=""></div>
        <div class="swiper-slide"><img class="swiper-slide" src="https://img10.360buyimg.com/cms/jfs/t15475/242/1268098425/231505/ec469f3c/5a4dc0acN16efb45f.png" alt=""></div>
        <div class="swiper-slide"><img class="swiper-slide" src="https://img14.360buyimg.com/cms/jfs/t16567/264/1176829500/357359/a266f337/5a4dc0acNdf9eabdc.png" alt=""></div>
      </div>  
      <div class="swiper-pagination"></div>
  </div>
 </div>
 <style type="text/css">
 .swiper-content{width:100vw;height:106.22222vw;position:relative;background:url(https://img13.360buyimg.com/cms/jfs/t16507/348/1085109181/255454/768e60d4/5a4eefe1N2abd97ab.jpg) no-repeat;background-size:100% 100%}.swiper-pagination-bullet{height:1vw !important;width:1vw !important;margin:0 1.3vw !important}.swiper-content .swiper-slide>img{width:100%;height:auto}
</style>
 <script type="text/javascript">
require(['zepto','//storage.360buyimg.com/babel/00005666/260573/active/swiper.min.js?t=20180301131806'],function($,Swiper){
  var mySwiper = new Swiper ('.swiper-container', {
      direction: 'horizontal',
      allowTouchMove: true,
      loop: true,
      autoplay:{
         disableOnInteraction:false,
delay:2000
      },
      pagination : {
        el:'.swiper-pagination',
      }
    })
});
 </script>