<!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/informationCollection.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 id="body"> <div class="con"> <div class="collect"> <a href="myselect.html"> <span >套餐收藏</span> </a> <span class="coll">资讯收藏</span> </div> </div> <div style="margin-top: 1.02rem"></div> <volist name="data.news" id="vo"> <div class="center_mian" style="margin-bottom: 10px" data-target="{:url('news/News/detail',['id'=>$vo['id']])}"> <div class="picture pics"> <img src="{$vo.thumb}" alt="" /> </div> <div class="qing"> <div class="qing_out qing_out_box"> <span class="run"> {$vo.post_title} </span> <div class="year" id="year" data-id="{$vo.id}"> <div class="act"> <i class="iconfont icon-wuxing"></i> <span class="txt"> 取消收藏 </span> </div> </div> </div> <div class="red"> 阅读量{$vo.post_hits} </div> </div> </div> </volist> <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> var mySwiper = new Swiper('.swiper-container', { pagination: '.swiper-pagination', autoplay: 1500,//可选选项,自动滑动 loop : true }) var mySwiper = new Swiper('.swiper-container', { pagination: '.swiper-pagination', autoplay: 1500,//可选选项,自动滑动 loop : true }) $('.year').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('news/News/collect')}", data:{ id:$(this).attr('data-id') }, type:"POST", dataType:"JSON", success:function (data) { console.log(data); } }) }); $('.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>