146 lines
5.6 KiB
HTML
146 lines
5.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>{$category.name|default='分类'} - 文章CMS</title>
|
|
<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 </span> ©<span>文章CMS </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>
|