template/app/article_index.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/category.css" rel="stylesheet">
    <link href="__PUBLIC__app/css/article.css" rel="stylesheet">
</head>

<body>
    <div class="wrapper">
        <nav class="top-nav">
            <ul class="clearfix">
                <li {if $categoryLevelOneId == 'all'}class="active"{/if}>
                    <a href="{:url('/app/article/index',['categoryLevelOneId'=>'all'])}">全部</a></li>
                <li {if $categoryLevelOneId != 'all'}class="active"{/if}>分类 <i class="fa fa-caret-down"></i>
                    <div class="drop-down">
                        <div class="arrow"></div>
                        {volist name="listLevelOne" id="item" }
                            <a href="{:url('/app/article/index',['categoryLevelOneId'=>$item.id])}"{if $categoryLevelOneId == $item['id']}style="color: #666;{/if}">{$item['name']}</i></a>
                        {/volist}
                    </div>
                </li>
            </ul>
        </nav>
        <div class="nav-category clearfix">
            <ul class="category-head">
                <li {if $categoryLevelTwoId == 'all'}class="active"{/if}>
                    <a href="{:url('/app/article/index',['categoryLevelOneId'=>$categoryLevelOneId,'categoryLevelTwoId'=>'all'])}">全部</a></li>
                {volist name="listLevelTwo" id="item"}
                <li {if $categoryLevelTwoId == $item['id']}class="active"{/if}><a href="{:url('/app/article/index',['categoryLevelOneId'=>$categoryLevelOneId,'categoryLevelTwoId'=>$item.id])}">{$item['name']}</a></li>
                {/volist}
            </ul>
        </div>
        <div class="article-list" id="articleList">
            <ul class="list">
                {volist name="listArticle" id="item"}
                <li>
                    <a href="{:url('/app/article/info',['id'=>$item.id])}">
                        <div class="left">
                            <div class="img lazyload" data-original="__PUBLIC__{$item['img_url']}"></div>
                        </div>
                        <div class="right">
                            <p class="title">{$item['name']}</p>
                            <p class="content">{$item['digest']}</p>
                            <p class="bottom">
                                <span class="category">{$item['category_name']}</span>
                                <span class="time">{if $item['release_time']}{$item['release_time']|date="Y-m-d H:i"}{/if}</span>
                            </p>
                        </div>
                    </a>
                </li>
                {/volist}