{extend name="public/base" /}
{block name="title"}{$cateinfo.catename} - {$sysInfo.webname}{/block}
{block name="keywords"}{$cateinfo.catename},{$sysInfo.webname}{/block}
{block name="description"}{$cateinfo.desc}{/block}
{block name="ogtitle"}<meta property="og:title" content="{$cateinfo.catename} - {$sysInfo.webname}">{/block}
{block name="ogdescription"}<meta property="og:description" content="{$cateinfo.desc}" />{/block}
{block name="meta"}
	<!-- SEO优化 -->
	<meta name="Copyright" content="{$sysInfo.webname}">
	<meta property="og:type" content="website"/>
	<meta property="og:image" content=""/>
{/block}
{block name="column"}{include file="/public/column" /}{/block}

{block name="content"}
<div class="layui-container">
  <div class="layui-row layui-col-space15">
    <div class="layui-col-md8">
      <div class="fly-panel" style="margin-bottom: 0;">
        <ul class="fly-list">
		    {volist name="artList['data']" id="art"}
          <li>
            <a href="{$Request.domain}{:url('user/home',['id'=>$art.user.id])}" class="fly-avatar">
              <img src="{$Request.domain}{$art.user.user_img}" alt="{$art.user.name}">
            </a>
            <h2>
              <a href="{$Request.domain}{$art.url}"  style="color:{$art.title_color ?? '#333'};">{$art.title}</a>
            </h2>
            
            <div class="fly-list-info">
              {if config('taoler.config.cate_show') == 1}
              <a class="layui-badge">{:cookie('think_lang') == 'en-us' ? $art.cate.ename : $art.cate.catename}</a>
              {/if}
              <a href="{$Request.domain}{:url('user/home',['id'=>$art.user.id])}" link>
                <cite>{$art.user.nickname ?: $art.user.name}</cite>
                <i>{$art.create_time|date='Y-m-d'}</i>
              </a>
              {//图标}
              <span>
                {$art.has_img ?= '<span><i class="layui-icon layui-icon-picture" style="color: #5FB878;"></i></span>'}
                {$art.has_video ?= '<span><i class="layui-icon layui-icon-play" style="color: #FF5722;"></i></span>'}
                {$art.has_audio ?= '<span><i class="layui-icon layui-icon-speaker" style="color: #000000;"></i></span>'}
                {$art.read_type ?= '<span><i class="layui-icon layui-icon-password" style="color: #FF5722;"></i></span>'}
                {$art.upzip ?= '<span><i class="layui-icon layui-icon-file-b" style="color: #009688;" title="附件"></i></span>'}
              </span>
              <span class="layui-hide-xs" title="浏览"><i class="iconfont" title="浏览">&#xe60b;</i> {$art.pv}</span>
              <span class="fly-list-nums"><i class="iconfont icon-pinglun1" title="回答"></i> {$art.comments_count}</span>
            </div>
            <div class="fly-list-badge">
              {if ($art.is_hot == 1)}
              <i class="layui-icon layui-icon-fire layui-hide-md" style="font-size: 20px; color: #FF5722;"></i><span class="layui-badge layui-bg-red layui-hide-xs">{:lang('hot')}</span>
              {/if}
            </div>
          </li>
		    {/volist}	
        </ul>
		    <div style="text-align: center" id="pages"></div>
      </div>
    </div>
    <div class="layui-col-md4">
      <!-- 插件hook位 -->
      {:hook('addonhook_list')}

      {//热门标签}
      <div class="fly-panel layui-hide-xs">
        <div class="fly-panel-title">热门标签</div>
        <div class="fly-panel-main">
          <ul>
            {volist name="hotTag" id="vo"}
            <li style="padding:10px;display:inline-block;height: 15px;"><a href="{$Request.domain}{$vo.url}">{$vo.name}</a></li>
            {/volist}
          </ul>
        </div>
      </div>
      
    </div>
  </div>
</div>
{include file="public/menu" /}
{/block}
{block name="script"}
<script>
    layui.use(['laypage'], function(){
	  var laypage = layui.laypage;
	  
	  //执行一个laypage实例
	  laypage.render({
      elem: 'pages' //注意，这里的 test1 是 ID，不用加 # 号
      ,count: "{$artList['total']}" //数据总数，从服务端得到
      ,limit: "{$artList['per_page']}"
      ,curr : "{$artList['current_page']}"
      
      //获取起始页
      ,jump: function(obj, first){
      
        //首次不执行
        if(!first){
          window.location.href = '{$path}/'+obj.curr+'.html'; //跳转
        }
      }
	  });
	});
</script>
{/block}