YwxAppThink/addon/articles/view/frontend/category/index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>{$category.name|default='分类'} - 文章CMS</title>
  <meta name="description" content="{$category.description|default=''|substr=0,150}">
  <link rel="canonical" href="{:url('articles/category/index', ['id'=>$category.id])}">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" type="text/css" href="/assets/layui/css/layui.css">
  <link rel="stylesheet" type="text/css" href="/static/articles/css/main.css">
</head>
<body class="micronews">
  <div class="micronews-header-wrap">
    <div class="micronews-header w1000 layui-clear">
      <h1 class="logo">
        <a href="{:url('articles/index/index')}">
          <img src="/static/articles/img/LOGO.png" alt="logo">
          <span class="layui-hide">LOGO</span>
        </a>
      </h1>
      <p class="nav">
        <a href="{:url('articles/index/index')}" {eq name='nav_active' value='index'}class="active"{/eq}>最新</a>
        {volist name='categories' id='c'}
        <a href="{:url('articles/category/index', ['id'=>$c.id])}" {eq name='nav_active' value='$c.id'}class="active"{/eq}>{$c.name}</a>
        {/volist}
      </p>
      <div class="search-bar">
        <form class="layui-form" action="{:url('articles/search/index')}">
          <div class="layui-form-item">
            <div class="layui-input-block">
              <input type="text" name="keyword" placeholder="搜索你要的内容" autocomplete="off" class="layui-input">
              <button class="layui-btn search-btn" formnovalidate><i class="layui-icon layui-icon-search"></i></button>
            </div>
          </div>
        </form>
      </div>
      <div class="login">
        {if $is_login}
        <a href="{:url('member/index/index')}"><img src="{:isset($member['avatar']) && $member['avatar'] ? $member['avatar'] : '/static/articles/img/header.png'}" style="width: 36px; height: 36px;"></a>
        {else/}
        <a href="{:url('member/login/index')}">登录</a>
        {/if}
      </div>
      <div class="menu-icon">
        <i class="layui-icon layui-icon-more-vertical"></i>
      </div>
      <div class="mobile-nav">
        <ul class="layui-nav" lay-filter="">
          <li class="layui-nav-item {eq name='nav_active' value='index'}layui-this{/eq}"><a href="{:url('articles/index/index')}">最新</a></li>
          {volist name='categories' id='c'}
          <li class="layui-nav-item {eq name='nav_active' value='$c.id'}layui-this{/eq}"><a href="{:url('articles/category/index', ['id'=>$c.id])}">{$c.name}</a></li>
          {/volist}
        </ul>
      </div>
    </div>
  </div>

  <div class="micronews-container w1000">
    <div class="layui-fluid">
      <div class="layui-row">
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md8">
          <div class="main">
            <div class="list-item" id="LAY_demo2">
              {volist name='list' id='vo'}
              <div class="item">
                {if isset($vo['cover_image']) && $vo['cover_image']}
                <a href="{:url('articles/Article/read', ['id'=>$vo.id])}">
                  <img src="{$vo.cover_image}">
                </a>
                {/if}
                <div class="item-info">
                  <h4><a href="{:url('articles/Article/read', ['id'=>$vo.id])}">{$vo.title}</a></h4>
                  <div class="b-txt">
                    <span class="label">{$vo.category_name|default='未分类'}</span>
                    <span class="icon message">
                      <i class="layui-icon layui-icon-dialogue"></i>
                      {$vo.comment_count|default=0}条
                    </span>
                    <span class="icon time">
                      <i class="layui-icon layui-icon-log"></i>
                      {$vo.create_at}
                    </span>
                  </div>
                </div>
              </div>
              {/volist}
            </div>
            <div class="page-wrap">{$page|raw}</div>
          </div>
        </div>
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
          <div class="popular-info">
            <div class="layui-card">
              <div class="layui-card-header">
                <h3>热门资讯</h3>
              </div>
              <div class="layui-card-body">
                <ul class="list-box">
                  {volist name='hot' id='h'}
                  <li class="list">
                    <a href="{:url('articles/Article/read', ['id'=>$h.id])}">{$h.title}</a><i class="heat-icon"></i>
                  </li>
                  {/volist}
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="micronews-footer-wrap">
    <div class="micronews-footer w1000">
      <div class="ft-nav">
        <a href="#">关于我们</a>
        <a href="#">合作伙伴</a>
        <a href="#">广告服务</a>
        <a href="#">常见问题</a>
      </div>
      <div class="Copyright">
        <span>Copyright&nbsp;</span>&nbsp;&copy;<span>文章CMS&nbsp;&nbsp;</span><span>Powered by YwxApp</span>
      </div>
      <div class="f-icon">
        <a href="#" class="w-icon">
          <img src="/static/articles/img/wechat_ic.png">
        </a>
        <a href="#" class="wb-icon">
          <img src="/static/articles/img/qq_ic.png">
        </a>
      </div>
    </div>
  </div>

  <script type="text/javascript" src="/assets/layui/layui.js"></script>
  <script type="text/javascript" src="/assets/ywxapp/ywxapp.js"></script>
  <script>
    layui.config({
      base: '/assets/layui/js/'
    }).use('index', function () {
      var index = layui.index;
      index.seachBtn();
      index.arrowutil();
    });
  </script>
</body>
</html>