Tools/application/index/view/indexs/index.html

<!-- 头部 -->
{include file="base/header"/} 

<div class="row row-xs tools_list">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="row">





{volist name="cid" id="v"}

<div class="col-lg-4 col-md-6 col-12 item boxs tool-item tools">
<div class="servises-item">
<div class="servises-item-ico">
<i class="i i-outline md-48" style="font-size: 36px;">{$v.keywords}</i>
</div>
<h4 class="servises-item-title">{$v.title}</h4>
<div class="servises-item-desc">
<div class="">
<div class="col-xs-6 item">

<a title="点赞 " class="z" id="{$v.id}" href="javascript:void(0);">
<i class="fa fa-heart"></i>
<var id="zan31">{$v.likes}</var>
</a>

</div>
<div class="col-xs-6 item">
<a class="item-link" title="所有者 "><i class="fa fa-user"></i>&nbsp;&nbsp;{$v.author}</a>
</div>
<div class="col-xs-12 item">
<a rel="nofollow" title="类别 " class="cat-label" data-class=".tools" href="javascript:;"><i class="fa fa-star"></i>&nbsp;&nbsp;{$v.catename}</a>
</div>
</div>
<div style="font-size: 16px; margin-top:10px; font-weight: bold;">
<a target="_blank" class="item-btn" href="{:url($v.url)}">进入</a>
</div>
</div>
</div>
</div>
{/volist}









</div>
</div>
</div>



<script type="text/javascript">
layui.use(['form', 'layedit', 'jquery'], function(){
        var form = layui.form
            ,layer = layui.layer
            ,$ = layui.jquery
            ;

        //点赞
        $(".z").on('click',function(){
            var Oa=$(this);
            var id=Oa.attr('id');//获取id属性值

            $.post('{:url("Base/praise")}',{id:id},function(data){
                if(data==1){
                    layer.msg('感谢您的支持！！',{icon:6});
                    setTimeout(function () {
                        window.location.reload();
                    }, 700); 
                }else{
                    setTimeout(function () {
                        layer.msg('您已经点过赞了,不要重复哦！',{icon:5});
                    }, 700); 
                }

            },'json');

        })


});
</script>








<script type="text/javascript">
                // 无刷新导航js
                $(function () {
                    $('#choose-tool li, .cat-label').click(function () {
                        if ($(this).attr('class') == 'active') return false;
                        $('.active').removeClass("active");
                        $(this).addClass("active");
                        if ($(this).data("class") !== ".tool-item") $(".tool-item").hide();
                        $($(this).data("class")).fadeIn(0);
                    });
                });
</script>







</div>



<!-- 头部 -->
{include file="base/footer"/}