<!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_tu2va42yqo.css" /> <script type="text/javascript" src="../assets/font/iconfont.js"> </script> <link rel="stylesheet" href="../css/travelCalendar.css" /> <link rel="stylesheet" href="../css/Peripheral-short-term.css" /> <style type="text/css"> .swiper-container { height: 3.6rem; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { left: 44%; } /*base*/ </style> </head> <body id="body"> <!--行程日历--> <div class="travel" id="travel"> <ul> <li class="acts" > <span > Jul. </span> <span class="p"> 18-7 </span> <span class="bottom_border"></span> </li> <li> <span> Aug. </span> <span> 18-8 </span> <span class="bottom_border"></span> </li> <li> <span> Sep. </span> <span> 18-9 </span> <span class="bottom_border"></span> </li> <li> <span> Oct. </span> <span> 18-10 </span> <span class="bottom_border"></span> </li> <li> <span> Nov. </span> <span> 18-11 </span> <span class="bottom_border"></span> </li> <li> <span> Dec. </span> <span> 18-12 </span> <span class="bottom_border"></span> </li> <li> <span> Jan. </span> <span> 18-1 </span> <span class="bottom_border"></span> </li> <li> <span> Feb. </span> <span> 18-12 </span> <span class="bottom_border"></span> </li> <li> <span> Mar. </span> <span> 18-3 </span> <span class="bottom_border"></span> </li> <li> <span> Apr. </span> <span> 18-4 </span> <span class="bottom_border"></span> </li> <li> <span> May. </span> <span> 18-5 </span> <span class="bottom_border"></span> </li> <li> <span> Jun. </span> <span> 18-6 </span> <span class="bottom_border"></span> </li> </ul> </div> </div> <!--图片--> <div class="piclist center_mian"> <div class="picture"> <img src="../images/banner.png" alt="" /> </div> <div class="qing"> <div class="qing_out"> <div class="run"> 轻装穿越千八11峰4日行轻装穿越千八11峰4日行轻装穿越千八11峰4日行轻装穿越千八11峰4日行轻装穿越千八11峰4日行轻装穿越千八11峰4日行 </div> <div class="year"> <div class="act acte"> <div class="cop"> <i class="iconfont icon-calendar"></i> </div> <div class="txt"> 2018.08.13 </div> </div> <div class="act act_show"> <i class="iconfont icon-wuxing"></i> <div class="txt"> 收藏 </div> </div> </div> </div> <div class="red"> <span class="mon"> <span class="jia"> ¥1100 </span> <span class="shou"> 售29 剩3 </span> </span> </div> </div> </div> <div class="piclist center_mian"> <div class="picture"> <img src="../images/banner.png" alt="" /> </div> <div class="qing"> <div class="qing_out"> <div class="run"> 轻装穿越千八11峰4日行轻装穿越千八11峰4日行轻装穿越千八11峰4日行轻装穿越千八11峰4日行轻装穿越千八11峰4日行 </div> <div class="year"> <div class="act acte"> <div class="cop"> <i class="iconfont icon-calendar"></i> </div> <div class="txt"> 2018.08.13 </div> </div> <div class="act act_show"> <i class="iconfont icon-wuxing"></i> <div class="txt"> 收藏 </div> </div> </div> </div> <div class="red"> <span class="mon"> <span class="jia"> ¥1100 </span> <span class="shou"> 售29 剩3 </span> </span> </div> </div> </div> <div class="piclist center_mian"> <div class="picture"> <img src="../images/banner.png" alt="" /> </div> <div class="qing"> <div class="qing_out"> <div class="run"> 轻装穿越千八11峰4日行轻装穿越千八11峰4日行轻装穿越千八11峰4日行轻装穿越千八11峰4日行轻装穿越千八11峰4日行轻装穿越千八11峰4日行 </div> <div class="year"> <div class="act acte"> <div class="cop"> <i class="iconfont icon-calendar"></i> </div> <div class="txt"> 2018.08.13 </div> </div> <div class="act act_show"> <!--<div>--> <i class="iconfont icon-wuxing"></i> <!--</div>--> <div class="txt"> 收藏 </div> </div> </div> </div> <div class="red"> <span class="mon"> <span class="jia"> ¥1100 </span> <span class="shou"> 售29 剩3 </span> </span> </div> </div> </div> <!--====底部=====--> <div class="base"> <div class="base_img"> <ul class="baselist"> <a href="../index.html"> <li class="base_index baselis"> <img class="first" src="../images/first1.png" alt="" /> <span class="base_options common ">首页</span> </li> </a> <a href="travelCalendar.html"> <li class="base_travel baselis"> <span class="base_circle"> <i class='iconfont icon-rili base_rili mark '></i> </span> <span class="common checked_active">行程日历</span> </li> </a> <a href="person.html"> <li class="base_our baselis"> <img class="first" src="../images/person1.png" alt="" /> <span class="my common">我的</span> </li> </a> </ul> </div> </div> <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 }) $('.act_show').click(function(event) { event.stopPropagation(); if($(this).find('.iconfont').attr('class')=='iconfont icon-wuxing'){ $(this).find('.iconfont').attr("class", "iconfont icon-shoucang"); }else{ $(this).find('.iconfont').attr("class", "iconfont icon-wuxing"); } }); $('.center_mian').click(function(){ window.location.href='packageDetails.html' }) $('.act_show').click(function(event) { event.stopPropagation(); }); $('.acte').click(function(event) { event.stopPropagation(); }); $(".piclist:last").css('margin-bottom','1.3rem'); $('.travel li').click(function(event) { $(this).addClass('acts').siblings().removeClass('acts'); $('.acts').find('.bottom_border').css('background','#00CC99'); // $(this).siblings() $('.acts').siblings().find('.bottom_border').css('background','#fff'); }); </script> </body> </html>