<!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="__TMPL__/static/js/base.js"></script> <link rel="stylesheet" type="text/css" href="__TMPL__/static/assets/css/weui.min.css" /> <link rel="stylesheet" type="text/css" href="__TMPL__/static/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="__TMPL__/static/assets/font/iconfont.js"> </script> <link rel="stylesheet" href="__TMPL__/static/css/Peripheral-short-term.css" /> <link rel="stylesheet" href="__TMPL__/static/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" style="margin-bottom: 30px"> <div class="collect"> <span class="coll">套餐收藏</span> <a href="{:url('collect/Collect/index',['is_news'=>1])}"> <span>资讯收藏</span> </a> </div> </div> <div style="margin-top: 1.02rem"> <!--图片--> <volist name="data.activity" id="vo"> <div class="center_mian" style="margin-bottom: 10px" data-target="{:url('activity/Activity/detail',['id'=>$vo['id']])}"> <div class="picture" id="picture"> <img src="{$vo.thumb}" alt="" /> </div> <div class="qing"> <span class="qing_out qing_out_box"> <span class="run"> {$vo.name} </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" data-id="{$vo.id}"> <i class="iconfont icon-wuxing"></i> <span class="txt"> 取消收藏 </span> </div> </div> </span> </div> </div> </volist> </div> <!----> <script type="text/javascript" src="__TMPL__/static/assets/js/jquery-2.1.0.js"></script> <script type="text/javascript" src="__TMPL__/static/assets/js/swiper-3.4.2.min.js"></script> <script type="text/javascript" src="__TMPL__/static/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'); }) //阻止按钮的点击冒泡 $('.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"); } $.ajax({ url:"{:url('activity/Activity/collectDo')}", data:{ id:$(this).attr('data-id') }, type:"POST", dataType:"JSON" }) }); $('.center_mian').click(function() { window.location.href = $(this).attr('data-target'); }) $('.act_show').click(function(event) { event.stopPropagation(); }); $('.acts').click(function(event) { event.stopPropagation(); }) </script> </body> </html>