{extend name="public/base" /}
{block name="title"}{$u.nickname ?: $u.name}的主页-{$sysInfo.webname}{/block}
{block name="description"}{$u.sign}{/block}
{block name="column"}{/block}
{block name="content"}
<div class="fly-home fly-panel" style="background-image: url();">
  <img src="{$u.user_img}" alt="{$u.name}">
  <i class="iconfont icon-renzheng" title="Fly社区认证"></i>
  <h1>
    {$u.nickname ?: $u.name}
    {if($u.sex==0)}<i class="iconfont icon-nan"></i>
    {else}<i class="iconfont icon-nv"></i> {/if}
    <i class="layui-badge fly-badge-vip">VIP3</i>
    <!--
    <span style="color:#c00;">（管理员）</span>
    <span style="color:#5FB878;">（社区之光）</span>
    <span>（该号已被封）</span>
    -->
  </h1>
  <p style="padding: 10px 0; color: #5FB878;">认证信息： 作者</p>
  <p class="fly-home-info">
    <i class="iconfont icon-kiss" title="飞吻"></i><span style="color: #FF7200;">{$u.point} 飞吻</span>
    <i class="iconfont icon-shijian"></i><span>{$u.create_time|date='Y-m-d'} 加入</span>
    <i class="iconfont icon-chengshi"></i><span>{:session('user_id') ? '来自'.$user.city:'登录查看'}</span>
  </p>
  <p class="fly-home-sign">（{$u.sign ?:'懒得还没有签名'}）</p>

  <div class="fly-sns" data-user="">
    <a href="javascript:;" class="layui-btn layui-btn-primary fly-imActive" data-type="addFriend">加为好友</a>
    <a href="javascript:;" class="layui-btn layui-btn-normal fly-imActive" data-type="chat">发起会话</a>
  </div>
</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">{$u.nickname ?: $u.name} 最近的帖子</h3>
        <ul class="jie-row">
		{volist name="$arts" id="vo"}
          <li>
            {if condition="$vo.is_hot==1"}<span class="fly-jing">精</span>{/if}
            <a href="{:url('article/detail',['id'=>$vo.id])}" class="jie-title"> {$vo.title}</a>
            <i>{$vo.create_time|date='Y-m-d'}</i>
            <em class="layui-hide-xs">{$vo.pv} 阅</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">{$u.nickname ?? $u.name} 最近的回答</h3>
        <ul class="home-jieda">
		{volist name="$reys" id="vo" empty="没有回答任何问题"}
          <li>
          <p>
          <span>{$vo.create_time|date='Y-m-d H-m'}</span>
          在<a href="{:url('article/detail',['id'=>$vo.id])}" target="_blank">{$vo.title}</a>中回答：
          </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>
{/block}

{block name="script"}
<script>
    layui.cache.page = 'jie';
    layui.cache.user = {
        username: '{$user.name??'游客'}'
        ,uid: {$user.id ? $user.id : -1}
        ,avatar: '{if condition="$user['user_img'] neq ''"}/uploads/{$user['user_img']}{else /}/static/res/images/avatar/00.jpg{/if}'
        ,experience: 83
        ,sex: '{if condition="$user['sex'] eq 0"}男{else/}女{/if}'
    };
    layui.config({
        version: "3.0.0"
        ,base: '/static/res/mods/'
    }).extend({
        fly: 'index'
    }).use(['fly', 'face'], function(){
  var $ = layui.$
  ,fly = layui.fly;
  
  //如果你是采用模版自带的编辑器，你需要开启以下语句来解析。
  $('.detail-body').each(function(){
    var othis = $(this), html = othis.html();
    othis.html(fly.content(html));
  });
  
});
</script>
{/block}