88 lines
4.5 KiB
PHP
88 lines
4.5 KiB
PHP
{include file="component/head" /}
|
|
{include file="component/header-simple" /}
|
|
<div class="layui-container" style="padding: 20px 0;">
|
|
<div class="layui-row">
|
|
<div class="layui-col-md12">
|
|
<!-- 搜索头部 -->
|
|
<div class="layui-card">
|
|
<div class="layui-card-header" style="display: flex; align-items: center;">
|
|
<h6 class="layui-inline" style="margin-bottom: 0;padding:10px 0;">搜索结果：{$keyword}</h6>
|
|
<!-- <div class="layui-inline" style="float: right;">
|
|
<a href="/index/search/list?keyword={$keyword}&type=article" class="layui-btn layui-btn-sm {$type == 'article' ? 'layui-btn-normal' : 'layui-btn-primary'}">文章</a>
|
|
<a href="/index/search/list?keyword={$keyword}&type=resource" class="layui-btn layui-btn-sm {$type == 'resource' ? 'layui-btn-normal' : 'layui-btn-primary'}">资源</a>
|
|
</div> -->
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 搜索结果列表 -->
|
|
<div class="layui-row layui-col-space20" style="margin-top: 20px;">
|
|
{if $items}
|
|
{volist name="items" id="item"}
|
|
<div class="layui-col-md12">
|
|
<div class="layui-card">
|
|
<div class="layui-card-body">
|
|
<div style="display: flex; align-items: center;">
|
|
<div style="margin-right: 20px;">
|
|
{if $type == 'article'}
|
|
<img src="{$item.image}" alt="{$item.title}" style="width: 250px; height: 140px; object-fit: cover;">
|
|
{else}
|
|
<img src="{$item.icon}" alt="{$item.title}" style="width: 250px; height: 140px; object-fit: cover;">
|
|
{/if}
|
|
</div>
|
|
<div class="layui-col-md8">
|
|
<h3 class="layui-text">
|
|
<a href="{$detailUrl}?id={$item.id}" class="layui-text" style="color: #333;">{$item.title}</a>
|
|
</h3>
|
|
<div class="layui-text" style="margin: 10px 0;">
|
|
<span class="layui-badge layui-bg-gray">{$item.category.name}</span>
|
|
<span class="layui-badge layui-bg-gray">{$item.author}</span>
|
|
<span class="layui-badge layui-bg-gray">{$item.publishdate|date="Y-m-d"}</span>
|
|
</div>
|
|
<div class="layui-text" style="margin-top: 10px;">
|
|
<a href="{$detailUrl}?id={$item.id}" class="layui-btn layui-btn-sm layui-btn-normal">查看详情</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/volist}
|
|
{else}
|
|
<div class="layui-col-md12">
|
|
<div class="layui-card">
|
|
<div class="layui-card-body" style="text-align: center; padding: 50px 0;">
|
|
<i class="layui-icon layui-icon-face-surprised" style="font-size: 48px; color: #999;"></i>
|
|
<p style="margin-top: 15px; color: #999;">暂无相关{$type == 'article' ? '文章' : '资源'}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/if}
|
|
</div>
|
|
|
|
<!-- 分页 -->
|
|
<div id="pagination" style="text-align: center; margin-top: 20px;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{include file="component/footer" /}
|
|
{include file="component/foot" /}
|
|
|
|
<script>
|
|
layui.use(['laypage'], function(){
|
|
var laypage = layui.laypage;
|
|
|
|
//执行一个laypage实例
|
|
laypage.render({
|
|
elem: 'pagination',
|
|
count: {$count},
|
|
limit: {$limit},
|
|
curr: {$page},
|
|
jump: function(obj, first){
|
|
if(!first){
|
|
var url = '/index/search/list?keyword={$keyword}&type={$type}&page=' + obj.curr + '&limit=' + obj.limit;
|
|
window.location.href = url;
|
|
}
|
|
}
|
|
});
|
|
});
|
|
</script> |