refactor: 文章详情页
This commit is contained in:
84
app/index/view/article/detail.html
Normal file
84
app/index/view/article/detail.html
Normal file
@@ -0,0 +1,84 @@
|
||||
{extend name="public/base" /}
|
||||
{block name="title"}
|
||||
{notempty name="detail.seo_title"}<title>{$detail.seo_title}</title>{else /}{__BLOCK__}{/notempty}
|
||||
{/block}
|
||||
{block name="seo"}
|
||||
{notempty name="detail.seo_keywords"}
|
||||
<meta name="keywords" content="{$detail.seo_keywords}" />
|
||||
<meta name="description" content="{$detail.seo_desc}" />
|
||||
{else /}
|
||||
{__BLOCK__}
|
||||
{/notempty}
|
||||
{/block}
|
||||
{block name="style"}
|
||||
<link rel="stylesheet" href="/static/index/css/articleDetail.css">
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<div class="orico_Page_articleDetail">
|
||||
<!--内容 -->
|
||||
<div class="articleDetailMain">
|
||||
<div class="atmleft">
|
||||
<div class="blog_title">
|
||||
<h2>{$detail.title}</h2>
|
||||
<p>{$detail.desc}</p>
|
||||
</div>
|
||||
<!-- 文本渲染-->
|
||||
<div class="blog_content">{$detail.content|raw}</div>
|
||||
</div>
|
||||
<div class="atmright">
|
||||
<div class="blog_share">
|
||||
<h3>{:lang('article.detail_share')}</h3>
|
||||
<div class="share_list clearfix">
|
||||
<a class="atdit" target="_blank" href="https://weibo.com/">
|
||||
<img src="/static/index/images/share1.png" />
|
||||
</a>
|
||||
<a class="atdit">
|
||||
<img src="/static/index/images/share2.png" />
|
||||
</a>
|
||||
<a class="atdit" target="_blank" href="https://creator.xiaohongshu.com/login?redirectReason=401">
|
||||
<img src="/static/index/images/share3.png" />
|
||||
</a>
|
||||
<a class="atdit" href="javascript:shareCustomers();">
|
||||
<img src="/static/index/images/share4.png" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="repply">
|
||||
<h3>{:lang('article.detail_leave_reply')}</h3>
|
||||
<form>
|
||||
<span>{:lang('article.detail_leave_reply_name')}</span>
|
||||
<input class="form-control itinp new_name" type="text" name="name" style="text-indent: 10px;">
|
||||
<span>{:lang('article.detail_leave_reply_email')}</span>
|
||||
<input class="form-control itinp new_email" type="email" name="email" style="text-indent: 10px; margin-bottom:0;">
|
||||
<p style="color: #C6C7C9; font-size: 0.75rem; margin-bottom: 0.625rem;">{:lang('article.detail_leave_reply_email_tip')}</p>
|
||||
<span>{:lang('article.detail_leave_reply_comment')}</span>
|
||||
<textarea class="form-control itinp new_comment" rows="3" style="text-indent: 10px;width: 98%; margin-top: 0.625rem;margin-bottom: 0.625rem;border: 1px solid #DBDBDB;"name="comment"></textarea>
|
||||
<div class="comment_btn" style="color:#ffffff;">{:lang('article.detail_leave_reply_submit')}</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{notempty name="$recommends"}
|
||||
<div class="xq">
|
||||
<!-- 猜您喜欢 -->
|
||||
<div class="love">
|
||||
<div class="love1">
|
||||
<p class="tt">{:lang('article.detail_recommend')}</p>
|
||||
<p><img src="/static/index/images/1line.png" height="7"></p>
|
||||
</div>
|
||||
<ul class="love2">
|
||||
{volist name="recommends" id="vo"}
|
||||
<li>
|
||||
<a>
|
||||
<div class="lvimg"><img src="{$vo.image}"></div>
|
||||
<p class="lvtit">{$vo.title}</p>
|
||||
</a>
|
||||
</li>
|
||||
{/volist}
|
||||
<div class="clear"></div>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{/notempty}
|
||||
</div>
|
||||
{/block}
|
||||
@@ -21,8 +21,10 @@
|
||||
</div>
|
||||
<!-- 搜索 -->
|
||||
<div class="categorySearch">
|
||||
<i class="search_icon"></i>
|
||||
<input type="text" placeholder="Search" class="search" id="article-search-in" value="">
|
||||
<form action="{:url('article/index', ['pid' => $Request.param.pid])}" method="get">
|
||||
<i class="search_icon"></i>
|
||||
<input type="text" placeholder="Search" class="search" id="article-search-in" name="keywords" value="">
|
||||
</form>
|
||||
</div>
|
||||
<!-- 切换内容 -->
|
||||
{notempty name="articles"}
|
||||
@@ -30,7 +32,7 @@
|
||||
<div class="tbmain">
|
||||
{volist name="articles" id="ar"}
|
||||
<div class="Contenitem">
|
||||
<a>
|
||||
<a href="{:url('article/detail', ['id' => $ar.id])}">
|
||||
<img src="{$ar.image}" />
|
||||
<h3>{$ar.title}</h3>
|
||||
<p>{$ar.desc}</p>
|
||||
@@ -44,7 +46,4 @@
|
||||
{/notempty}
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
{block name="script"}
|
||||
|
||||
{/block}
|
||||
Reference in New Issue
Block a user