<!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/Peripheral-short-term.css" /> <link rel="stylesheet" href="../css/myselect.css" /> <style type="text/css"> .swiper-container { height: 3.6rem; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { left: 44%; } .year { padding-left: 0.3rem; margin-top: 0.12rem; } .qing { margin-top: 0.2rem; padding: 0 0 0 0; display: flex; justify-content: space-between; } </style> </head> <body id="body"> <div class="con"> <div class="collect"> <span class="coll">套餐收藏</span> <a href="informationCollection.html"> <span>资讯收藏</span> </a> </div> </div> <!--图片--> <div class="center_mian"> <div class="picture" id="picture"> <img src="../images/banner.png" alt="" /> </div> <div class="qing"> <span class="qing_out qing_out_box"> <span class="run"> 轻装穿越千八11峰4日行轻装穿越千八11峰4日行轻装穿越千八11峰4日行轻装穿越千八11峰4日行轻装穿越千八11峰4日行轻装穿越千八11峰4日行 </span> <div class="year"> <div class="act acts"> <i class="iconfont icon-calendar"></i> <span class="txt"> 2018.08.13 </span> </div> <div class="act actlist"> <i class="iconfont icon-wuxing"></i> <span class="txt"> 取消收藏 </span> </div> </div> </div> </div> </div> <div class="center_mian"> <div class="picture" id="picture"> <img src="../images/banner.png" alt="" /> </div> <div class="qing"> <span class="qing_out qing_out_box"> <span class="run"> 轻装穿越千八11峰4日行 </span> <div class="year"> <div class="act acts"> <i class="iconfont icon-calendar"></i> <span class="txt"> 2018.08.13 </span> </div> <div class="act actlist"> <i class="iconfont icon-wuxing"></i> <span class="txt"> 取消收藏 </span> </div> </div> </div> </div> <div class="center_mian"> <div class="picture" id="picture"> <img src="../images/banner.png" alt="" /> </div> <div class="qing"> <span class="qing_out qing_out_box"> <span class="run"> 轻装穿越千八11峰4日行 </span> <div class="year"> <div class="act acts"> <i class="iconfont icon-calendar"></i> <span class="txt"> 2018.08.13 </span> </div> <div class="act actlist"> <i class="iconfont icon-wuxing"></i> <span class="txt"> 取消收藏 </span> </div> </div> </div> </div> <div class="center_mian"> <div class="picture" id="picture"> <img src="../images/banner.png" alt="" /> </div> <div class="qing"> <span class="qing_out qing_out_box"> <span class="run"> 轻装穿越千八11峰4日行 </span> <div class="year"> <div class="act acts"> <i class="iconfont icon-calendar"></i> <span class="txt"> 2018.08.13 </span> </div> <div class="act actlist"> <i class="iconfont icon-wuxing"></i> <span class="txt"> 取消收藏 </span> </div> </div> </div> </div> <div class="center_mian"> <div class="picture" id="picture"> <img src="../images/banner.png" alt="" /> </div> <div class="qing"> <span class="qing_out qing_out_box"> <span class="run"> 轻装穿越千八11峰4日行 </span> <div class="year"> <div class="act acts"> <i class="iconfont icon-calendar"></i> <span class="txt"> 2018.08.13 </span> </div> <div class="act actlist"> <i class="iconfont icon-wuxing"></i> <span class="txt"> 取消收藏 </span> </div> </div> </div> </div> <!----> <div class="confirm_cancel" > <div class="confirm_main"> <div class="hint"> 确认取消? </div> <div class="true">确定取消订单吗?</div> <div class="choose"> <span class="confirm_yes">取消</span> <span class="confirm_no">确定</span> </div> </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> //确认取消弹出框 $('.confirm_main').click(function(event) { event.stopPropagation(); }); $('.confirm_main').click(function(event) { event.stopPropagation(); }); $('.confirm_no').click(function(event) { $('.confirm_cancel').css('display','none'); }); $('.confirm_yes').click(function(event) { $('.confirm_cancel').css('display','none'); }); $('.confirm_cancel').click(function(event) { $('.confirm_cancel').css('display','none'); }); $('.can').click(function() { var id = $(this).parents('.good_out').data("id"); console.log(id); $('.confirm_cancel').css('display', 'block'); $('.confirm_yes').click(function() { console.log("点击确定按钮获取整个li的id为:" + id); $('.confirm_cancel').css('display', 'none'); }) $('.confirm_no').click(function() { $('.confirm_cancel').css('display', 'none'); }) $('.confirm_main').click(function() { event.stopPropagation(); // $(this).css('display','none'); }) }) $('.actlist').click(function(){ $('.confirm_cancel').css('display','block'); }) //确认取消弹出框 $('.btnright').click(function() { var id = $(this).parents('.good_out').data("id"); console.log(id); $('.confirm_cancel').css('display', 'block'); $('.confirm_yes').click(function() { console.log("点击确定按钮获取整个li的id为:" + id); $('.confirm_cancel').css('display', 'none'); }) $('.confirm_no').click(function() { $('.confirm_cancel').css('display', 'none'); }) $('.confirm_main').click(function() { event.stopPropagation(); // $(this).css('display','none'); }) }) //阻止按钮的点击冒泡 $('.btnlist').click(function(event) { event.stopPropagation(); }); $('.choice .swiper-slide').click(function() { $(this).addClass("active_top").siblings().removeClass("active_top");; }) //点击跳转到已退款页面 $('.good_out_refundmoney').click(function() { window.location.href = 'refundmoney.html'; }) var mySwiper = new Swiper('.swiper-container', { pagination: '.swiper-pagination', autoplay: 1500, //可选选项,自动滑动 loop: true }) $('.actlist').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(); }); $('.acts').click(function(event) { event.stopPropagation(); }) </script> </body> </html>