<!--
 * @Author: TaoLer <alipay_tao@qq.com>
 * @Date: 2021-12-06 16:04:51
 * @LastEditTime: 2022-07-20 16:42:38
 * @LastEditors: TaoLer
 * @Description: 搜索引擎SEO优化设置
 * @FilePath: \TaoLer\view\taoler\index\user\home.html
 * Copyright (c) 2020~2022 https://www.aieok.com All rights reserved.
-->
{extend name="public/base" /}

{block name="title"}{$u.nickname ?: $u.name}的主页-{$sysInfo.webname}{/block}
{block name="description"}{$u.sign}{/block}
{block name="link"}<link rel="stylesheet" href="{$Request.domain}/static/res/css/plyr.css" charset="utf-8">{/block}
{block name="column"}{/block}
{block name="content"}
<div class="fly-home fly-panel" style="background-image: url();">
  <img src="{$Request.domain}{$u.user_img}" alt="{$u.name}">
  {if($u.vip > 0)}<i class="iconfont icon-renzheng" title="Fly社区认证"></i>{/if}
  <h1>
    {$u.nickname ?: $u.name}
    {if($u.sex==0)}<i class="iconfont icon-nan"></i>
    {else}<i class="iconfont icon-nv"></i> {/if}
	{if($u.vip > 0)}
    <i class="layui-badge fly-badge-vip">VIP{$u.vip}</i>
	{/if}
    <!--
    <span style="color:#c00;">(管理员)</span>
    <span style="color:#5FB878;">(社区之光)</span>
    <span>(该号已被封)</span>
    -->
  </h1>
  <p style="padding: 10px 0; color: #5FB878;">{:lang('authentication information')}</p>
  <p class="fly-home-info">
    <i class="iconfont icon-kiss" title="飞吻"></i><span style="color: #FF7200;">{$u.point} {:lang('accumulate points')}</span>
    <i class="iconfont icon-shijian"></i><span>{$u.create_time|date='Y-m-d'} {:lang('join')}</span>
    <i class="iconfont icon-chengshi"></i>{if session('user_id')}<span>来自</span>{:hook('ipShow',$u.city)} {else /} {:lang('log in to view')} {/if}
  </p>
  <p class="fly-home-sign">({$u.sign ? $u.sign|raw : lang('it is not signed yet')})</p>
</div>

<div class="layui-container">
  <div class="layui-row layui-col-space15">
    <div class="layui-col-md6 fly-home-jie">
      <div class="fly-panel">
        <h3 class="fly-panel-title">{:lang('recent statements')}</h3>
        <ul class="jie-row">
		    {volist name="$arts" id="vo"}
          <li>
            {if condition="$vo.is_hot==1"}<span class="fly-jing">{:lang('hot')}</span>{/if}
            <a href="{$Request.domain}{$vo.url}" class="jie-title"> {$vo.title}</a>
            <i>{$vo.create_time|date='Y-m-d'}</i>
            <em class="layui-hide-xs">{$vo.pv} {:lang('browses')}</em>
          </li>
		    {/volist}
		    {if condition="$arts eq ''"}
          <div class="fly-none" style="min-height: 50px; padding:30px 0; height:auto;"><i style="font-size:14px;">没有发表任何求解</i></div>
		    {/if}
        </ul>
      </div>
    </div>
    
    <div class="layui-col-md6 fly-home-da">
      <div class="fly-panel">
        <h3 class="fly-panel-title">{:lang('recent answers')}</h3>
        <ul class="home-jieda">
		    {volist name="$reys" id="vo" empty="没有回答任何问题"}
          <li>
          <p>
          <span>{$vo.create_time|date='Y-m-d H-m'}</span>
          {:lang('in')}<a href="{:url('article/detail',['id'=>$vo.id,'ename'=>$vo.ename])}">{$vo.title}</a>{:lang('reply')}:
          </p>
          <div class="home-dacontent detail-body jieda-body photos" >{$vo.content}</div>
        </li>
		    {/volist}
          <!-- <div class="fly-none" style="min-height: 50px; padding:30px 0; height:auto;"><span>没有回答任何问题</span></div> -->
        </ul>
      </div>
    </div>
  </div>
</div>
{include file="public/menu" /}
{/block}

{block name="script"}
<script>
  layui.use(['fly','face','plyr'], function(){
  var $ = layui.$;
  var fly = layui.fly;
  var face = layui.face
  ,plyr = layui.plyr;
  
  //如果你是采用模版自带的编辑器,你需要开启以下语句来解析。
  $('.detail-body').each(function(){
    var othis = $(this), html = othis.html();
    othis.html(fly.content(html));
  });
  //加载播放器
  plyr.setup();
});
</script>
{/block}