<!--{assign var="menu_id" value="dynamic"}-->
<!--{include file="<!--{$oetplpath}-->widget/block_header.tpl"}-->
<body class="bg_body">
  <!--{include file="<!--{$oetplpath}-->widget/block_top.tpl"}-->
  <div class="text ptb30 w1200">
    <h3 class="fn fz22">会员动态，了解TA的最好方式</h3>
    <div class="text fz16 color_9 mt5">在您发布动态，与朋友互动的时候，也请时刻记得遵守国家法律法规。</div>
  </div>
  <div class="w1200 clearfix mb30">
    <div class="left fl" style="width: 820px;">
      <div class="list">
        <!--{if !empty($dynamic)}-->
        <!--{foreach $dynamic as $volist}-->
        <div class="item bg_f br10 plr30 ptb20 pr mb15">
          <div class="pa t20 l30">
            <div class="avatar img_80 oh br">
              <img class="ob_c" src="<!--{$volist.headimg_s}-->" alt="头像">
            </div>
            <div class="btn_box t_center mt15">
              <!--{if $volist.islisten==0}-->
              <button class="bg_f plr10 fz12 cursor ptb3 bo_main color_main" f="follow" data-id="<!--{$volist.userid}-->" data-follow="<!--{$volist.islisten}-->">加关注</button>
              <!--{else}-->
              <button class="bg_f plr10 fz12 cursor ptb3 bo_eb color_9" f="follow" data-id="<!--{$volist.userid}-->" data-follow="<!--{$volist.islisten}-->">已关注</button>
              <!--{/if}-->
            </div>
          </div>
          <div class="info pl100">
            <div class="name">
              <!--{if $volist.gender== '1'}-->
              <em class="iconfont icon-nan color_nan"></em>
              <!--{else}-->
              <em class="iconfont icon-nv color_nv"></em>
              <!--{/if}-->
              <span><!--{$volist.username}--></span>
            </div>
            <div class="data fz12 mt5">
              <!--{if $volist.age>0}-->
              <span class="inline_block ptb6 plr7 bo_eb color_9 mr10 lhn br3"><!--{$volist.age}-->岁</span>
              <!--{/if}-->
              <!--{if $volist.marry>0}-->
              <span class="inline_block ptb6 plr7 bo_eb color_9 mr10 lhn br3"><!--{hook mod="var" item="marry" type='text' value=$volist.marry}--></span>
              <!--{/if}-->
              <!--{if $volist.height>0}-->
              <span class="inline_block ptb6 plr7 bo_eb color_9 mr10 lhn br3"><!--{$volist.height}-->cm</span>
              <!--{/if}-->
              <!--{if $volist.education>0}-->
              <span class="inline_block ptb6 plr7 bo_eb color_9 mr10 lhn br3"><!--{hook mod="var" item="education" type='text' value=$volist.education}--></span>
              <!--{/if}-->
              <!--{if $volist.job>0}-->
              <span class="inline_block ptb6 plr7 bo_eb color_9 mr10 lhn br3"><!--{hook mod="var" item="job" type='text' value=$volist.job}--></span>
              <!--{/if}-->
              <!--{if $volist.salary>0}-->
              <span class="inline_block ptb6 plr7 bo_eb color_9 mr10 lhn br3"><!--{hook mod="var" item="salary" type='text' value=$volist.salary}--></span>
              <!--{/if}-->
              <!--{if $volist.dist1>0}-->
              <span class="inline_block ptb6 plr7 bo_eb color_9 mr10 lhn br3"><!--{area type='text' value=$volist.dist1}--> <!--{area type='text' value=$volist.dist2}--> <!--{area type='text' value=$volist.dist3}--></span>
              <!--{/if}-->
            </div>
            <div class="text mt15 fz16">
              <!--{$volist.content}-->
              <a href="<!--{$volist.url}-->" class="color_nan">全文</a>
            </div>
            <div class="pic mt15 clearfix">
              <!--{if !empty($volist.gallery)}-->
              <!--{if count($volist.gallery) > 1}-->
              <!--{foreach $volist.gallery as $gallery}-->
              <div class="fl img_100 oh mr5 mb5">
                <img class="ob_c" src="<!--{$gallery.thumbimg}-->" preview="<!--{$volist.dyid}-->" data-src="<!--{$gallery.drawimg}-->">
              </div>
              <!--{/foreach}-->
              <!--{else}-->
              <!--{foreach $volist.gallery as $gallery}-->
              <img width="200" src="<!--{$gallery.thumbimg}-->" preview="<!--{$volist.dyid}-->" data-src="<!--{$gallery.drawimg}-->">
              <!--{/foreach}-->
              <!--{/if}-->
              <!--{/if}-->
            </div>
            <div class="pr clearfix mt10 fz13">
              <div class="color_9 fl"><!--{$volist.trantime}--></div>
              <div class="fr color_9">
                <div class="fl pr60 cursor <!--{if $volist.iszan==1}-->color_red<!--{/if}-->" f="zan_btn" data-dyid="<!--{$volist.dyid}-->">
                  <em class="iconfont icon-zan fz14"></em>
                  <span><!--{$volist.zans}--></span>
                </div>
                <div class="fl cursor">
                  <em class="iconfont icon-sixin fz22"></em>
                  <span class="pr t_2"><!--{$volist.comms}--></span>
                </div>
              </div>
            </div>
            <!--{if !empty($volist.comment)}-->
            <div class="comment mt10">
              <!--{foreach $volist.comment as $comment}-->
              <div class="text color_9 mb5">
                <em class="iconfont icon-nv color_nv"></em>
                <span class="cursor"><!--{$comment.username}-->：</span><!--{$volist.content}-->
              </div>
              <!--{/foreach}-->
            </div>
            <!--{/if}-->
          </div>
          
          <!--{if $login.status == '1'}-->
          <!--{if $volist.userid == $login.info.userid}-->
          <div class="del cursor pa" f="del" data-dyid="<!--{$volist.dyid}-->" style="top: 30px;right: 30px;">
            <em class="iconfont icon-shanchu fz20 color_9"></em>
          </div>
          <!--{/if}-->
          <!--{/if}-->
        </div>
        <!--{/foreach}-->
        <!--{else}-->
        <div class="oe_nodata bg_f br10">
          <p class="p_1"><img src="<!--{$skinpath}-->images/nodata.jpg" /></p>
          <p class="p_2">没有找到相关数据~</p>
        </div>
        <!--{/if}-->
      </div>
      <!--{if $total > 0}-->
      <!--{if !empty($showpage)}-->
      <div class="oe_page"><!--{$showpage}--></div>
      <!--{/if}-->
      <!--{/if}-->
    </div>
    <div class="fr" style="width: 355px;">
      <div class="publish br10 bg_f ptb20 plr30">
        <div class="title">
          <h3 class="fz18 t_center lhn">发表动态</h3>
          <div class="line m0_a mt5 bg_main" style="width: 25px;height: 3px;"></div>
        </div>
        <div class="box mt20">
          <button class="w100per ptb12 bg_main color_f bo_main fz15 br3 cursor" id="release_btn">我要发表</button>
          <br>
          <a href="javascript:;">
            <button class="w100per ptb12 bg_f5 color_6 fz15 br3 mt20 cursor mb20" style="border: 1px solid #f5f5f5;" f="my_dynamic">我的动态</button>
          </a>
        </div>
      </div>
      <div class="search mt20 bg_f ptb20 plr30 br10">
        <div class="title">
          <h3 class="fz18 t_center lhn">按条件筛选</h3>
          <div class="line m0_a mt5 bg_main" style="width: 25px;height: 3px;"></div>
        </div>
        <div class="form mt30">
          <div class="item pr">
            <label class="pa lt">性　　别</label>
            <div class="input_wrap pl70">
              <div class="oeui_radio inline_block <!--{if $s_gender==1}-->checked<!--{/if}-->">
                <label>
                  <div class="radio">
                    <input type="radio" name="s_gender" value="1" <!--{if $s_gender==1}-->checked<!--{/if}-->>
                    <span class="check_radio"></span>
                  </div>
                  <span class="text">男</span>
                </label>
              </div>
              <div class="oeui_radio inline_block <!--{if $s_gender==2}-->checked<!--{/if}-->">
                <label>
                  <div class="radio">
                    <input type="radio" name="s_gender" value="2" <!--{if $s_gender==2}-->checked<!--{/if}-->>
                    <span class="check_radio"></span>
                  </div>
                  <span class="text">女</span>
                </label>
              </div>
            </div>
          </div>
          <div class="item pr mt15">
            <label class="pa lt lh38">年　　龄</label>
            <div class="input_wrap pl70">
              <div class="inline_block">
                <div class="oeui_select large w100">
                  <div class="selector">
                    <input type="hidden" id="s_age1" value="<!--{$s_age1}-->">
                    <!--{if $s_age1 > 0}-->
                    <span class="selection current"><!--{$s_age1}-->岁</span>
                    <!--{else}-->
                    <span class="selection">不限</span>
                    <!--{/if}-->
                    <span class="icon">
                      <em class="oeuifont oeui-xia"></em>
                    </span>
                  </div>
                  <div class="dropdown">
                    <div class="option">不限</div>
                    <!--{for $i=$config.startage;$i<=$config.endage;$i++}-->
                    <div class="option <!--{if $s_age1==$i}-->selected<!--{/if}-->" data-val="<!--{$i}-->"><!--{$i}-->岁</div>
                    <!--{/for}-->
                  </div>
                </div>
              </div>
              <div class="inline_block lh38">~</div>
              <div class="inline_block">
                <div class="oeui_select large w100">
                  <div class="selector">
                    <input type="hidden" id="s_age2" value="<!--{$s_age2}-->">
                    <!--{if $s_age2 > 0}-->
                    <span class="selection current"><!--{$s_age2}-->岁</span>
                    <!--{else}-->
                    <span class="selection">不限</span>
                    <!--{/if}-->
                    <span class="icon">
                      <em class="oeuifont oeui-xia"></em>
                    </span>
                  </div>
                  <div class="dropdown">
                    <div class="option">不限</div>
                    <!--{for $i=$config.startage;$i<=$config.endage;$i++}-->
                    <div class="option <!--{if $s_age2==$i}-->selected<!--{/if}-->" data-val="<!--{$i}-->"><!--{$i}-->岁</div>
                    <!--{/for}-->
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="item pr mt15">
            <label class="pa lt lh38">身　　高</label>
            <div class="input_wrap pl70">
              <div class="inline_block">
                <div class="oeui_select large w100">
                  <div class="selector">
                    <input type="hidden" id="s_height1" value="<!--{$s_height1}-->">
                    <!--{if $s_height1 > 0}-->
                    <span class="selection current"><!--{$s_height1}-->cm</span>
                    <!--{else}-->
                    <span class="selection">不限</span>
                    <!--{/if}-->
                    <span class="icon">
                      <em class="oeuifont oeui-xia"></em>
                    </span>
                  </div>
                  <div class="dropdown">
                    <div class="option">不限</div>
                    <!--{for $i=$config.startheight;$i<=$config.endheight;$i++}-->
                    <div class="option <!--{if $s_height1==$i}-->selected<!--{/if}-->" data-val="<!--{$i}-->"><!--{$i}-->cm</div>
                    <!--{/for}-->
                  </div>
                </div>
              </div>
              <div class="inline_block lh38">~</div>
              <div class="inline_block">
                <div class="oeui_select large w100">
                  <div class="selector">
                    <input type="hidden" id="s_height2" value="<!--{$s_height2}-->">
                    <!--{if $s_height2 > 0}-->
                    <span class="selection current"><!--{$s_height2}-->cm</span>
                    <!--{else}-->
                    <span class="selection">不限</span>
                    <!--{/if}-->
                    <span class="icon">
                      <em class="oeuifont oeui-xia"></em>
                    </span>
                  </div>
                  <div class="dropdown">
                    <div class="option">不限</div>
                    <!--{for $i=$config.startheight;$i<=$config.endheight;$i++}-->
                    <div class="option <!--{if $s_height2==$i}-->selected<!--{/if}-->" data-val="<!--{$i}-->"><!--{$i}-->cm</div>
                    <!--{/for}-->
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="item pr mt15">
            <label class="pa lt lh38">年收入</label>
            <div class="input_wrap pl70">
              <div class="oeui_select large">
                <div class="selector">
                  <input type="hidden" id="s_salary" value="<!--{$s_salary}-->">
                  <!--{if $s_salary > 0}-->
                  <span class="selection current"><!--{hook mod="var" item="salary" type="text" value=$s_salary}--></span>
                  <!--{else}-->
                  <span class="selection">不限</span>
                  <!--{/if}-->
                  <span class="icon">
                    <em class="oeuifont oeui-xia"></em>
                  </span>
                </div>
                <div class="dropdown">
                  <div class="option">请选择</div>
                  <!--{assign var="salary" value=vo_list("mod={volistvar} where={salary}")}-->
                  <!--{foreach $salary as $volist}-->
                  <div class="option <!--{if $s_salary==$volist.value}-->selected<!--{/if}-->" data-val="<!--{$volist.value}-->"><!--{$volist.text}--></div>
                  <!--{/foreach}-->
                </div>
              </div>
            </div>
          </div>
          <div class="item pr mt15">
            <label class="pa lt lh38">最低学历</label>
            <div class="input_wrap pl70">
              <div class="oeui_select large">
                <div class="selector">
                  <input type="hidden" id="s_education" value="<!--{$s_education}-->">
                  <!--{if $s_education > 0}-->
                  <span class="selection current"><!--{hook mod="var" item="education" type="text" value=$s_education}--></span>
                  <!--{else}-->
                  <span class="selection">不限</span>
                  <!--{/if}-->
                  <span class="icon">
                    <em class="oeuifont oeui-xia"></em>
                  </span>
                </div>
                <div class="dropdown">
                  <div class="option">请选择</div>
                  <!--{assign var="education" value=vo_list("mod={volistvar} where={education}")}-->
                  <!--{foreach $education as $volist}-->
                  <div class="option <!--{if $s_education==$volist.value}-->selected<!--{/if}-->" data-val="<!--{$volist.value}-->"><!--{$volist.text}--></div>
                  <!--{/foreach}-->
                </div>
              </div>
            </div>
          </div>
          <div class="item pr mt15">
            <label class="pa lt lh38">所在地区</label>
            <div class="input_wrap pl70">
              <div class="oeui_dist z100" id="dist" style="width: 100%;">
                <input type="hidden" id="s_dist1" value="<!--{$s_dist1}-->">
                <input type="hidden" id="s_dist2" value="<!--{$s_dist2}-->">
                <input type="hidden" id="s_dist3" value="<!--{$s_dist3}-->">
                <div class="selection">
                  <span>请选择</span>
                  <span></span>
                  <span></span>
                </div>
                <div class="list">
                  <div class="tab">
                    <div class="tab_nav">
                      <div class="item current">选择省份</div>
                      <div class="item">选择城市</div>
                      <div class="item">选择地区</div>
                    </div>
                    <div class="tab_content">
                      <div class="content province">
                      </div>
                      <div class="content city">
                      </div>
                      <div class="content district">
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="item pr mt15">
            <label class="pa lt lh38">婚姻状况</label>
            <div class="input_wrap pl70">
              <div class="oeui_select large">
                <div class="selector">
                  <input type="hidden" id="s_marry" value="<!--{$s_marry}-->">
                  <!--{if $s_marry > 0}-->
                  <span class="selection current"><!--{hook mod="var" item="marry" type="text" value=$s_marry}--></span>
                  <!--{else}-->
                  <span class="selection">不限</span>
                  <!--{/if}-->
                  <span class="icon">
                    <em class="oeuifont oeui-xia"></em>
                  </span>
                </div>
                <div class="dropdown">
                  <div class="option">请选择</div>
                  <!--{assign var="marry" value=vo_list("mod={volistvar} where={marry}")}-->
                  <!--{foreach $marry as $volist}-->
                  <div class="option <!--{if $s_marry==$volist.value}-->selected<!--{/if}-->" data-val="<!--{$volist.value}-->"><!--{$volist.text}--></div>
                  <!--{/foreach}-->
                </div>
              </div>
            </div>
          </div>
          <div class="item mt15 pb20">
            <button class="w100per ptb10 bg_main bo_main fz16 br3 color_f cursor" id="filter_btn">开始筛选</button>
          </div>
        </div>
      </div>
    </div>
  </div>


<div class="oe_dynamic_top" style="display: none;">
<div class="oe_dynamic_topcon">
  <h3>会员动态，了解TA的最好方式<i></i> </h3>
  <div class="oe_dynamic_text">
    <p>在您发布动态，与朋友互动的时候，也请时刻记得遵守国家法律法规。</p>
  </div>
  <div class="clear"></div>
</div>
</div>

<!--{include file="<!--{$oetplpath}-->widget/block_footer.tpl"}-->
<!--{include file="<!--{$oetplpath}-->widget/block_footer_oeui.tpl"}-->
<script src="<!--{$urlpath}-->tpl/static/pcui/js/oeui.dist.min.js"></script>
<script src="<!--{$urlpath}-->tpl/static/pcui/js/oeui.photoswipe.js"></script>
<script src="<!--{$skinpath}-->js/dynamic.js?v=<!--{$copyright_version}-->"></script>

<script type="text/javascript">
$(function(){
    new Dist({
        el: $('#dist'),
        dataType: '2'
    });
}); 
</script>
</body>
</html>