191 lines
7.5 KiB
HTML
191 lines
7.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>{$article.title} - 文章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 micronews-details-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="title">
|
|
<h3>{$article.title}</h3>
|
|
<div class="b-txt">
|
|
<span class="label">{$article.category_name|default='未分类'}</span>
|
|
<span class="icon">
|
|
<i class="layui-icon layui-icon-radio"></i>
|
|
<b>{$article.view_count}</b>人
|
|
</span>
|
|
<a href="#message">
|
|
<span class="icon message">
|
|
<i class="layui-icon layui-icon-dialogue"></i>
|
|
<b>{$article.comment_count}</b>条
|
|
</span>
|
|
</a>
|
|
<span class="icon time">
|
|
<i class="layui-icon layui-icon-log"></i>
|
|
{$article.create_at}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="article">
|
|
{$article.content|raw}
|
|
</div>
|
|
<div class="leave-message" id="message">
|
|
<div class="tit-box">
|
|
<span class="tit">网友跟帖</span>
|
|
<span class="num"><b>{$article.comment_count}</b>条</span>
|
|
</div>
|
|
<div class="content-box">
|
|
<div class="tear-box">
|
|
<a href="#"><img src="/static/articles/img/header_img1.png"></a>
|
|
<form class="layui-form">
|
|
<div class="layui-form-item layui-form-text">
|
|
<div class="layui-input-block">
|
|
<textarea id="onInput" placeholder="请输入内容" class="layui-textarea"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<div class="layui-input-block" style="text-align: right;">
|
|
<div class="message-text">
|
|
<div class="txt"></div>
|
|
</div>
|
|
<button type="button" class="layui-btn micronews-details-Publish">发表</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="ulCommentList">
|
|
{volist name='comments.data' id='cm'}
|
|
<div class="liCont">
|
|
<a href="#"><img src="/static/articles/img/header_img1.png"></a>
|
|
<div class="item-cont">
|
|
<div class="cont">
|
|
<p><span class="name">{$cm.nickname|default='游客'}</span><span class="time">{$cm.create_at}</span></p>
|
|
<p class="text">{$cm.content}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/volist}
|
|
</div>
|
|
<div class="page-wrap">{$comments.render|raw}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
|
|
<div class="popular-info popular-info-tog">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
<h3>资讯推荐</h3>
|
|
</div>
|
|
<div class="layui-card-body">
|
|
<ul class="list-box">
|
|
{volist name='related' id='r'}
|
|
<li class="list">
|
|
<a href="{:url('articles/Article/read', ['id'=>$r.id])}">{$r.title}</a>
|
|
</li>
|
|
{/volist}
|
|
{volist name='hot' id='h'}
|
|
<li class="list">
|
|
<a href="{:url('articles/Article/read', ['id'=>$h.id])}">{$h.title}</a>
|
|
</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.EnterMessage();
|
|
index.seachBtn();
|
|
index.onInput();
|
|
index.arrowutil();
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|