<div class="HotGroupBox">
		<div class="head"><h3>推荐圈子</h3></div>
		<div id="ListGroup" class="swiper-container qun_roll">
			<ul class="swiper-wrapper qun_wapindex001">
				{qb:tag name="qun_wapindex001" js="qun_wapindex001" mid="-1" type="qun" order="status desc,list desc" rows="15" val="listdb"}
					{volist name=":array_chunk($listdb,3,true)" id="array"}
				<div class="swiper-slide">
					{volist name="$array" id="rs"}
					<li><a href="{$rs.url}"><span style="position:relative;">{if $rs.status>1}<img src="__STATIC__/group/v.png" style="position:absolute;bottom:0px;right:20px;width:20px;height:20px;z-index:9;">{/if}<img src="{$rs.picurl}" onerror="this.src='__STATIC__/images/nopic.png'"></span><em>{$rs.title}</em></a>
					<dd data-id="{$rs.id}">关注</dd></li>	
					{/volist}
				</div>
					{/volist}
				{/qb:tag}
			</ul>
			<div class="swiper-pagination"></div>
		</div>
	</div>
<!--加入圈子-->
<script type="text/javascript">var qun_api_url = "{:urls('wxapp.member/api')}";</script>
<script type="text/javascript" src="__STATIC__/qun/qun.js"></script>

<script type="text/javascript">
//关注__QUN__ , 此异步函数名必须要跟上面的JS值一致
function qun_wapindex001(){
	tz_qun_roll();	//当标签设置了js参数后,就需要这里设置
	$("#ListGroup dd").each(function(){
		var id = $(this).data('id');
		var that = this;
		if("{$userdb.uid}"==""){	//游客点关注,就直接进入对应的__QUN__
			$(this).click(function(){
				window.location.href = "{:urls('content/show')}?id="+id;
			});
		}else{
			//检查是否已关注
			$.get("{:urls('wxapp.member/ckjoin')}?id="+id,function(res){
				if(res.code==1){	//还没关注
					$(that).click(function(){	//添加关注点击事件
						qun_api(id);						
					});
				}else if(res.code==0){	//已关注
					$(that).html('已关注');
				}
			});
			
		}		
	});
}
//qun_wapindex001();	//当标签设置了js参数后,就是异步加载,这里就设置无效了

</script>

@admin此段代码不能用于网站首页，点关注就会提示当前频道不存在，需要怎么修改才行