<!--{assign var="menu_id" value="diary"}-->
<!--{include file="<!--{$oetplpath}-->widget/block_header.tpl"}-->
<body class="bg_body">
  <!--{include file="<!--{$oetplpath}-->widget/block_top.tpl"}-->
<div class="w1200 pt30 pb30">
  <div class="bg_f br10 w820 bsb p30 fl">
    <div class="ds_hide">
      <!--{if $login.status == '1'}-->
      <button class="layui-btn layui-btn-lg" f="pop2_diary_add"><i></i>发布日记</button>
      <!--{else}-->
      <button class="layui-btn layui-btn-lg" f="pop2_jdlogin"><i></i>发布日记</button>
      <!--{/if}-->
    </div>
    <!--{if empty($diary)}-->
    <div class="oe_nodata">
      <p class="p_1"><img src="<!--{$skinpath}-->images/nodata.jpg" /></p>
      <p class="p_2">暂时没有任何数据！~</p>
    </div>
    <!--{else}-->
    <!--{foreach $diary as $volist}-->
    <dl class="<!--{if $volist.userid == 0}-->current<!--{/if}--> pr pl100 bo_bf7 mb20 pb20">
      <dt class="pa lt pt5">
        <!--{if $volist.userid > 0}-->
        <span class="inline_block img_80 oh br"><a href="<!--{$volist.homeurl}-->" target="_blank">
          <img class="ob_c" src="<!--{$volist.headimg_s}-->" data-src="<!--{$volist.headimg_s}-->" />
        </a></span>
        <!--{/if}-->
      </dt>
      <dd>
        <h3 class="pb5">
          <a href="<!--{$volist.url}-->" target="_blank"><!--{$volist.title}--></a>  
        </h3>
        <!--{if $volist.userid > 0}-->
        <h4 class="fn fz14 color_9">
          <!--{if $volist.gender == '1'}--> <i class="iconfont icon-nan color_nan"></i><em class="color_nan mr5"><!--{$volist.username}--></em> <!--{else}--> <i class="iconfont icon-nv color_nv"></i> <em class="color_nv mr5"><!--{$volist.username}--></em><!--{/if}-->
          
          <!--{$volist.age}-->岁<!--{if $volist.height > 0}-->, <!--{$volist.height}-->CM<!--{/if}-->
          <!--{if $volist.education > 0}-->, <!--{hook mod="var" item="education" type="text" value=$volist.education}--><!--{/if}--> 
          <!--{area type="text" value=$volist.dist1}--> <!--{area type="text" value=$volist.dist2}--> 
        </h4>
        <!--{/if}-->
        <div class="color_6 pt5">
          <!--{$volist.content|filterhtml:40}-->... <a class="color_nan" href="<!--{$volist.url}-->"  target="_blank" rel="nofollow">查看全文</a>
        </div>
        
        <div class="fz12 color_9 pt10">
          <span class="inline_block mr10"><i class="iconfont icon-xiaoxi fz14"></i> <!--{$volist.comms}--></span> <span class="inline_block mr10"><i class="iconfont icon-eye fz13"></i> <!--{$volist.hits}--></span>
          <span class="inline_block mr10"><i class="iconfont icon-shijian fz14"></i> <!--{$volist.addtime|date_format:"%m.%d"}-->  <!--{$volist.addtime|date_format:"%M:%H"}--></span>
        </div>
      </dd>
    </dl>
    <!--{/foreach}-->
    <!--{/if}-->
    <!--{if $total > 0}-->
    <div class="oe_page" style="margin-top:10px;"><!--{$showpage}--></div>
    <!--{/if}-->
  </div>
  
  <div class="fr w380 bsb pl25">
    <div class="bg_f br8 ptb30">
      <div class="t_center fz18 fb pr pb10 pr">
        日记筛选
        <span class="bg_main inline_block w20 h4 br pa l50per b" style="margin-left: -10px;"></span>
      </div>
      <div class="plr40 pt20">
        <dl class="pl50 pr mb20">
          <dt class="pa lt">性别</dt>
          <dd>
            <div class="oeui_radio <!--{if $s_gender ==1}-->checked<!--{/if}-->">
              <label>
                <div class="radio">
                  <input type="radio" value="1" name="s_gender" <!--{if $s_gender ==1}-->checked<!--{/if}-->>
                  <span class="check_radio"></span>
                </div>
                <span class="text">男</span>
              </label>
            </div>
            <div class="oeui_radio pl20 <!--{if $s_gender==2}-->checked<!--{/if}-->">
              <label>
                <div class="radio">
                  <input type="radio" value="2" name="s_gender" <!--{if $s_gender ==2}-->checked<!--{/if}-->>
                  <span class="check_radio"></span>
                </div>
                <span class="text">女</span>
              </label>
            </div>
          </dd>
        </dl>
        <dl class="pl50 pr mb20">
          <dt class="pa lt">头像</dt>
          <dd>
            <div class="oeui_checkbox <!--{if $s_avatar ==1}-->checked<!--{/if}-->">
              <label>
                <div class="checkbox">
                  <input type="checkbox" id="s_avatar" value="1">
                  <div class="icon">
                    <em class="oeuifont oeui-duoxuankuangdagou"></em>
                  </div>
                </div>
                <span class="text">有头像</span>
              </label>
            </div>
          </dd>
        </dl>
        <dl class="pl50 pr mb20">
          <dt class="pa lt lh35">排序</dt>
          <dd>
            <div class="oeui_select inline_block">
              <div class="selector" style="height: 35px;">
                <input type="hidden" name="s_orderby" id="s_orderby" value="<!--{$s_orderby}-->" />
                <span class="selection current" style="line-height: 35px;">
                  <!--{if $s_orderby==0}-->
                  默认排序
                  <!--{elseif $s_orderby==1}-->
                  最新发布
                  <!--{elseif $s_orderby==2}-->
                  最新评论
                  <!--{elseif $s_orderby==3}-->
                  浏览最多
                  <!--{elseif $s_orderby==4}-->
                  评论最多
                  <!--{/if}-->
                </span>
                <span class="icon" style="top: 6px;">
                <i class="iconfont icon-down color_9 fz14_i"></i>
              </span>
              </div>
              <div class="dropdown" style="top:38px;">
                <div class="option <!--{if $s_orderby==0}-->selected<!--{/if}-->" data-val="0">默认排序</div>
                <div class="option <!--{if $s_orderby==1}-->selected<!--{/if}-->" data-val="1">最新发布</div>
                <div class="option <!--{if $s_orderby==2}-->selected<!--{/if}-->" data-val="2">最新评论</div>
                <div class="option <!--{if $s_orderby==3}-->selected<!--{/if}-->" data-val="3">浏览最多</div>
                <div class="option <!--{if $s_orderby==4}-->selected<!--{/if}-->" data-val="4">评论最多</div>
              </div>
            </div>
          </dd>
        </dl>
        <dl class="pl50 pr mb20">
          <dt class="pa lt lh35">关键词</dt>
          <dd>
            <input type="text" name="s_keyword" id="s_keyword" autocomplete="off" placeholder="请输入关键词" value="<!--{urldecode($s_keyword)}-->" class="inline_block lh35 bsb h35 bo_eb w100per pl10 br2" />
          </dd>
        </dl>
        <div>
          <span class="block bg_main t_center color_f lh40 fz16 br3 hover cursor" id="commit_btn">筛选</span>
        </div>
        
      </div>
    </div>
    
    <!--{assign var="list" value=vo_list("mod={diary} num={10} orderby={v.hits DESC}")}-->
    <!--{if !empty($list)}-->
    <div class="mt20 bg_f br10 bsb ptb30">
      <div class="t_center fz18 fb pr pb10 pr">
        热门日记
        <span class="bg_main inline_block w20 h4 br pa l50per b" style="margin-left: -10px;"></span>
      </div>
      <div class="pt20 plr30">
        <ul>
          <!--{foreach $list as $volist}-->
          <li class="lh36 ws fz16"><span class="inline_block bg_de img_5 br vam mr10"></span><a href="<!--{$volist.url}-->" target="_blank"><!--{$volist.title}--></a></li>
          <!--{/foreach}-->
        </ul>
      </div>
    </div>
    <!--{/if}-->
    
  </div>
  <div class="clear"></div>
</div>
<!--{include file="<!--{$oetplpath}-->widget/block_footer.tpl"}-->
<!--{include file="<!--{$oetplpath}-->widget/block_footer_oeui.tpl"}-->
<script src="<!--{$skinpath}-->js/diary.js?v=<!--{$copyright_version}-->"></script>
<script type="text/javascript">
$(function(){
  //预载图片 9.10.17
  preload_img();
}); 
</script>
</body>
</html>