template/app/article_info.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrom=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>文章详情</title>
    <meta name="keywords" content="华易门店会员卡营销">
    <meta name="description" content="华易门店会员卡营销">
    <link href="__PUBLIC__static/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="__PUBLIC__app/css/common.css" rel="stylesheet">
    <link href="__PUBLIC__app/css/article.css" rel="stylesheet">
    {include file="./template/common/app/wx_jssdk.html" /}
</head>

<body>
    <div class="wrapper">
        <div class="article-info">
            <div class="title">{$row['name']}</div>
            <div class="top">
                <div class="category">{$row['category_name']}</div>
                <div class="time">{if $row['release_time']}{$row['release_time']|date="Y-m-d H:i"}{/if}</div>
            </div>
            <div class="content">{$row['content']|raw}</div>
            <div class="bottom">
                <div class="read-num">阅读数:{$row['read_num']}</div>
                <a class="go-category" href="{:url('/app/article/index')}">返回分类</a>
            </div>
        </div>
        <!-- 返回顶部 -->
        <div id="goTop"><a href="javascript:void(0);" class="fa fa-angle-double-up fa-lg"></a></div>
        <!-- 返回顶部 -->
        <!-- 底部导航 -->
        {include file='footer' /}
        <!-- 底部导航 -->
    </div>
    <script src="__STATIC__jquery/jquery-3.2.1.min.js"></script>
    <script src="__STATIC__lazyload/lazyload.min.js"></script>
    <script>
    //懒加载
    $(".lazyload").lazyload({
        threshold : 200, // 设置阀值
        effect : "fadeIn" // 设置图片渐入特效
    });
    goScrollTop();
    //返回顶部的火箭
    function goScrollTop(){
        if($('#goTop>a')[0]){
            var gotop = $('#goTop>a')[0];
            var leader = 0,target = 0,timer = 0;
            $(window).scrollTop() > 0 ? show(gotop):hide(gotop);
            window.onscroll = function(){
                leader = $(window).scrollTop();
                leader > 0 ? show(gotop):hide(gotop);
                gotop.onclick = function(){
                    $(window).scrollTop(0);
                }
            };
            function show(obj){