collect2.html 3.7 KB

<!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>