<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" /> <script type="text/javascript" src="../js/base.js"></script> <link rel="stylesheet" type="text/css" href="../assets/css/weui.min.css" /> <link rel="stylesheet" type="text/css" href="../assets/css/swiper-3.4.2.min.css" /> <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_773803_6y9erxzbkn2.css" /> <script type="text/javascript" src="../assets/font/iconfont.js"> </script> <link rel="stylesheet" href="../css/taocanxiangqiang.css" /> <style type="text/css"> .swiper-container { height: 3.6rem; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { left: 44%; } </style> </head> <body> <div class='pic'> <div class="swiper-container "> <div class="swiper-wrapper"> <div class="swiper-slide"> <img src="../images/banner.png" alt="" /> </div> <div class="swiper-slide"> <img src="../images/banner.png" alt="" /> </div> <div class="swiper-slide"> <img src="../images/banner.png" alt="" /> </div> </div> <div class="swiper-pagination"> <img src="../images/banner.png" alt="" /> </div> </div> </div> <!--===============最新活动==========--> <div class="piclist"> <div class="newxia"> <div class="left"> <div class="qing"> 轻装穿越八11峰4日行 </div> <div class="nianout"> <div class="nian"> <i class='iconfont icon-qian'></i> <span class="qi">1190起/人</span> <i class='iconfont icon-calendar shian'></i> <span class="showcang">2018.08.13</span> </div> </div> </div> </div> </div> <div class="hui"></div> <div class="piclist1"> <div class="newxia1"> <sapn class="yu"> 预定信息 </span> <span class="dingjin"> 定金:600/总价1190 <span> <span class="yishou"> 已售,1剩余29 <span> </div> <div class="newxia2 " id="newxia2"> <span class="tao active1"> 套餐详情 </span> <span class="can"> 套餐参数 </span> <span class="yu1"> 预定须知 </span> <span class="yong"> 用户评价 </span> </div> </div> <div class="xianshi"> 显示后台上传的图片详情 </div> <!--====底部=====--> <a href=""> <footer class="foot"> 立即预定 </footer> </a> <script type="text/javascript" src="../assets/js/jquery-2.1.0.js"></script> <script type="text/javascript" src="../assets/js/swiper-3.4.2.min.js"></script> <script type="text/javascript" src="../assets/js/weui.js"></script> <script type="text/javascript" src="../index.js"></script> <script> var mySwiper = new Swiper('.swiper-container', { pagination: '.swiper-pagination', autoplay: 1500, //可选选项,自动滑动 loop: true }) </script> </body> </html>