完善文章的查看页面展现

This commit is contained in:
hdm 2022-11-16 10:26:47 +08:00
parent 015b7782dc
commit d0f5e136ee
2 changed files with 60 additions and 34 deletions

View File

@ -1,48 +1,74 @@
{extend name="common/base"/} {extend name="common/base"/}
{block name="style"}
<style>
.content-article img{max-width:88%!important; height:auto!important; margin:6px 0!important; border-radius:4px;}
</style>
{/block}
<!-- 主体 --> <!-- 主体 -->
{block name="body"} {block name="body"}
<div class="layui-form p-4"> <div class="layui-form p-4">
<h3 class="pb-3">文章表详情</h3> <h3 class="pb-3">文章详情</h3>
<table class="layui-table layui-table-form"> <table class="layui-table layui-table-form">
<tr><td class="layui-td-gray-2">所属分类</td> <tr>
<td class="layui-td-gray">文章标题</td>
<td colspan="3">{$detail.title}</td>
<td class="layui-td-gray">所属分类</td>
<td> <td>
{eq name="$detail.cate_id" value="1"}选项一{/eq} {volist name=":set_recursion(get_article_cate())" id="v"}
{eq name="$detail.cate_id" value="2"}选项二{/eq} {eq name="$detail.cate_id" value="$v.id" }{$v.title}{/eq}
</td><td class="layui-td-gray-2">文章标题</td> {/volist}
<td>{$detail.title}</td><td class="layui-td-gray-2">关键字</td> </td>
<td>{$detail.keywords}</td> </tr>
</tr><tr><td class="layui-td-gray-2">是否原创</td> <tr>
<td class="layui-td-gray">关键字</td>
<td colspan="3">{$detail.keyword_names}</td>
<td class="layui-td-gray">文章属性</td>
<td> <td>
{eq name="$detail.original" value="1"}选项一{/eq} {eq name="$detail.type" value="1"}精华{/eq}
{eq name="$detail.original" value="2"}选项二{/eq} {eq name="$detail.type" value="2"}热门{/eq}
</td><td class="layui-td-gray-2">来源或作者</td> {eq name="$detail.type" value="3"}推荐{/eq}
<td>{$detail.origin}</td><td class="layui-td-gray-2">来源地址</td> </td>
</tr>
<tr>
<td class="layui-td-gray">是否原创</td>
<td>
{eq name="$detail.original" value="1"}是{/eq}
{eq name="$detail.original" value="0"}否{/eq}
</td>
<td class="layui-td-gray-2">来源或作者</td>
<td>{$detail.origin}</td>
<td class="layui-td-gray">来源地址</td>
<td>{$detail.origin_url}</td> <td>{$detail.origin_url}</td>
</tr><tr><td class="layui-td-gray-2">阅读量</td> </tr>
<td>{$detail.read}</td><td class="layui-td-gray-2">文章属性</td> <tr>
<td class="layui-td-gray">排序</td>
<td>{$detail.sort}</td>
<td class="layui-td-gray-2">是否首页显示</td>
<td> <td>
{eq name="$detail.type" value="1"}选项一{/eq} {eq name="$detail.is_home" value="1"}是{/eq}
{eq name="$detail.type" value="2"}选项二{/eq} {eq name="$detail.is_home" value="0"}否{/eq}
</td><td class="layui-td-gray-2">是否首页显示</td>
<td>
{eq name="$detail.is_home" value="1"}选项一{/eq}
{eq name="$detail.is_home" value="2"}选项二{/eq}
</td> </td>
</tr><tr><td class="layui-td-gray-2">排序</td> <td rowspan="3" class="layui-td-gray-2">缩略图</td>
<td>{$detail.sort}</td><td class="layui-td-gray-2">状态</td> <td rowspan="3">
<td> <img src="{$detail.thumb}" onerror="javascript:this.src='{__GOUGU__}/gougu/images/nonepic600x360.jpg';this.onerror=null;" style="width:200px; max-width:200px" />
{eq name="$detail.status" value="1"}选项一{/eq} </td>
{eq name="$detail.status" value="2"}选项二{/eq} </tr>
</td><td class="layui-td-gray-2">创建时间</td> <tr>
<td class="layui-td-gray">创建时间</td>
<td>{$detail.create_time}</td> <td>{$detail.create_time}</td>
</tr><tr><td class="layui-td-gray-2">文章摘要</td> <td class="layui-td-gray">状态</td>
<td colspan="5">{$detail.desc}</td> <td>
</tr><tr><td class="layui-td-gray-2">缩略图</td> {eq name="$detail.status" value="1"}正常{/eq}
<td colspan="5"> {eq name="$detail.status" value="0"}下架{/eq}
<img src="{$detail.thumb}" onerror="javascript:this.src='{__GOUGU__}/gougu/images/nonepic600x360.jpg';this.onerror=null;" width="100" style="width:200px; max-width:200px" />
</td> </td>
</tr><tr><td class="layui-td-gray-2">文章内容</td> </tr>
<td colspan="5"> <tr>
<td class="layui-td-gray">文章摘要</td>
<td colspan="3">{$detail.desc}</td>
</tr>
<tr>
<td class="layui-td-gray">文章内容</td>
<td colspan="5" class="content-article">
{$detail.content|raw} {$detail.content|raw}
</td> </td>
</tr> </tr>