{extend name="Public:base" /}
   
{block name="body"}
  <div class="page " id="glisthtml">
      <style>
      body{background: #fff;}
      @media screen and (-webkit-min-device-pixel-ratio: 1.5)
{
.list-right .aui-list {
    border: none;
    background-size: 100% 0px;
    }
    }
     .aui-list .aui-list-item-inner{width:75%;}
      </style>


  <header class="aui-bar aui-bar-nav  aui-bar-light ">
 <a class="icon icon-xiangzuojiantou  pull-left  aui-padded-l-10 aui-padded-r-10 aui-text-warning"  href="{:es_url('Wap/index')}" ></a>

    
    <div class="aui-title">
				全部话题
			</div>
      
    
  </header>

	    	<div class="list-left content" id="tab">
	    	{volist name="waplist" id="vo"}
	    	
	    	
	    		<li data-id="{$vo.id}"  ><a href="javascript:;" >{$vo.name}&nbsp;{$vo.count}</a></li>
	    	 {/volist}
	    	</div>

<div class="list-right " id="content">
	    	
	    	<div class="aui-content ">
	    	
	    	
	    	
     {volist name="waplist" id="vo"}
        <ul class="aui-list aui-media-list" id="{$vo.id}">
        
        
        {if condition="$vo['child']"}
          {volist name="vo['child']" id="subvo"}
            <a class="aui-list-item aui-list-item-middle dataurla" href="{:url('Wap/groupinfo',array('id'=>$subvo.id))}">
                <div class="aui-media-list-item-inner">
                    <div class="aui-list-item-media" style="width: 4rem;">
                        <img src="{$subvo['cover_id']|get_picture_url}" class="aui-list-img-sm">
                    </div>
                    <div class="aui-list-item-inner ">
                        <div class="aui-list-item-text">
                            <div class="aui-list-item-title aui-font-size-16 aui-ellipsis-1">{$subvo.name}</div>
                            <div class="aui-list-item-right"></div>
                        </div>
                        <div class="aui-description  aui-ellipsis-2  aui-font-size-12">
                            {$subvo.describe|htmlspecialchars_decode|clearHtml|msubstr=0,30}
                        </div>
                         <div class="aui-font-size-12 aui-text-qgray ">
                            成员:{$subvo.membercount}&nbsp;&nbsp;帖子:{$subvo.topiccount}
                        </div>
                    </div>
                </div>
            </a>
             	 {/volist}       
             	 {else/}
             	   <div class="zanwujl ">
      <i class="icon icon-wujilu " style="    font-size: 3rem;"></i>
      
      <div>该分类暂无话题</div>
      </div>     
             	 
             	 
             	 {/if}
        </ul>
       	 {/volist}       
    </div>
	    	
	    		
	    	</div>
 

 <script>

	 

	 
	 
	 
	 $('.list-left li').click(function(){
		 
         $(this).addClass('current').siblings().removeClass('current');
		 var id=$(this).data('id');
		 $('#'+id).removeClass('aui-hide').siblings().addClass('aui-hide');
	      
	 });
	    $('#glisthtml').on('pageInit', function(e,id,page) {
	    	
		
	    	
	    	 $('#tab').find('li').eq(0).click();
			
	    	
			
			 

		 });
	

 </script>	

    </div>

 {/block}