{template '_header'}
<style>
.weui-tab_bd .weui-tab_bd_item.weui-tab_bd_item_active {display: block;}
.weui-tabbar__label .fa{font-size: 18px;line-height:23px;}
.weui-media-box__cover ul {width: 1100px;}
.weui-img-box img{width: 100%;border-radius:6px;}
.weui-img-title-bottom {width:calc(100% - 46px);margin:8px 15px;border-bottom-right-radius:6px;border-bottom-left-radius:6px;}
</style>
<div class="page bg-zmpag">
	<div  id="tagnav" class="weui-navigator weui-navigator-wrapper" style="height:44px;">
		<ul class="weui-navigator-list" style="height:44px;">
			{php $iidx=0; $i=0;}
			{loop $newsgrade $cla}
				<li onclick="bl({$cla['zmid']});"><a class="noqq">{$cla['name']}</a></li>
				{if $bid==$cla['zmid']} {php $iidx = $i;} {else} {php $i++ ;} {/if}
			{/loop}
		</ul>
	</div>
	<div id="newslist" style="margin-top:5px;background-color:#fff;">
		<div class='weui-msg'>
			<div class='weui-msg__icon-area'>
				<i class='weui-icon-warn weui-icon_msg-primary f-gray'></i>
			</div>
			<div class='weui-msg__text-area'>
				<p class='weui-msg__desc'>暂无数据</p>
			</div>
		</div>
	</div>
	<div class="clear loadtis"></div>
</div>
<script id="newstemp" type="text/x-jquery-tmpl">
{{##if mb==1##}}
<a href="{php echo $this->createMobileUrl('assnews')}&id=${id}" class="weui-media-box weui-media-box_appmsg zmui-media74"  style="padding-bottom: 8px;padding-top: 8px;">
	{{##if picurl.length > 1##}}
		<div class="weui-media-box__hd" style="height:70px;width:100px;overflow:hidden;background-image:url(${picurl});background-size: cover;background-position: center;text-align: center;" ></div>
	{{##/if##}}
		<div class="weui-media-box__bd">
			<h4 class="weui-media-box__title">${title}</h4>
			<p class="weui-media-box__desc" style="margin-top:5px;">${description}</p>
			<p class="weui-media-box__desc" style="margin-top:5px;">${lasttime}</p>
		</div>
</a>
{{##/if##}}
{{##if mb==2##}}
<div class="weui-media-box weui-img-box" onclick="window.location='{php echo $this->createMobileUrl('assnews')}&id=${id}'" style="padding-bottom: 8px;padding-top: 8px;">
	<img src="${picurl}">
	<div class="weui-img-title-bottom ">${title}</div>
</div>
{{##/if##}}
{{##if mb==3##}}
<div class="weui-media-box weui-media-box_text" onclick="window.location='{php echo $this->createMobileUrl('assnews')}&id=${id}'">
	<h4 class="weui-media-box__title">${title}</h4>
	{{##if pics.length > 1##}}
	<div class="weui-media-box__cover">
		<ul style="width:${kd}px;">
		{{each pics}}
			<li class="jspiv-this-bj" style="background-image:url(${##$value##})"></li>
		{{/each}}
		</ul>
	</div>
	{{##else##}}
	<div class="weui-media-box__cover tcenter">
		{{each pics}}
			<img src="${##$value##}">
		{{/each}}
	</div>
	{{##/if##}}
	<p class="weui-media-box__desc">${description}</p>
</div>
{{##/if##}}
{{##if mb==4##}}
<a href="{php echo $this->createMobileUrl('assnews')}&id=${id}" class="weui-media-box weui-media-box_appmsg zmui-media74"  style="padding-bottom: 8px;padding-top: 8px;">
		<div class="weui-media-box__bd">
			<h4 class="weui-media-box__title">${title}</h4>
			<p class="weui-media-box__desc" style="margin-top:5px;">${description}</p>
			<p class="weui-media-box__desc" style="margin-top:5px;">${lasttime}</p>
		</div>
	{{##if picurl.length > 1##}}
		<div class="weui-media-box__hd weui-media-box__hd-r" style="height:70px;width:100px;overflow:hidden;background-image:url(${picurl});background-size: cover;background-position: center;text-align: center;" ></div>
	{{##/if##}}
</a>
{{##/if##}}
</script>
{template '_footer'}
<script type='text/javascript' src="{MODULE_URL}zmui/js/iscroll-lite.js?a=222" charset='utf-8'></script>
<script type="text/javascript">
	var loading = false;
	var i=1;
	var bid={$bid};
	var keyz='{$keyz}';
	function autoScroll(obj){
		$(obj).find("ul").animate({marginTop : "-22px"},500,function(){
		$(this).css({marginTop : "0px"}).find("li:first").appendTo(this);})  
	}
	$(function(){
		TagNav('#tagnav',{
			type: 'scrollToNext',
			curClassName: '{$_W['css']['tab']}',
			index:{$iidx}
		});
		newsupgrade();
	});
	$(document.body).infinite().on("infinite", function() {
		if(loading) return;
		loading = true;
		newsupgrade();
	});
</script>
<script>
    function bl(id){
		i=1;
		bid=id;
		keyz='';
		$("#newslist").html("<div class='weui-msg'><div class='weui-msg__icon-area'><i class='weui-icon-warn weui-icon_msg-primary f-gray'></i></div><div class='weui-msg__text-area'><p class='weui-msg__desc'>暂无数据</p></div></div>");
		loading = false;
		newsupgrade();
	}
    function newsupgrade(){
		$(".loadtis").html("<div class='weui-loadmore'><i class='weui-loading'></i><span class='weui-loadmore__tips'>正在加载</span></div>");
        $.ajax({
            url: window.location.href ,
            data:{page:i,bid:bid,keyz:keyz},
            type:'post',
			dataType:'json',
			error:function() {$(".loadtis").html("<div class='weui-loadmore weui-loadmore_line'><span class='weui-loadmore__tips'>通信错误！</span></div>");loading = true;},
            success:function(s){
				if(s.message.zt==1){
					if(i==1) {
						$(".loadtis").html("<div></div>");
					}else{
						$(".loadtis").html("<div class='weui-loadmore weui-loadmore_line'><span class='weui-loadmore__tips'>已经到底了！</span></div>");
					}
					loading = true;
				}else{
					if(i==1) {$("#newslist").html('');}
					$("#newstemp").tmpl(s.message.data).appendTo("#newslist");
					loading = false;
					i++
					$(".loadtis").html("<div class='weui-loadmore weui-loadmore_line' onclick='newsupgrade();'><span class='weui-loadmore__tips'>点击加载更多</span></div>");
				}
            }
        });
    }
    function search(){
		$.prompt({
			title: '搜索',
			text: '请输入姓名关键字：',
			empty: false,
			onOK: function (text) {
				keyz=text;
				i = 1;
				bid = 0;
				$("#newslist").html("<div class='weui-msg'><div class='weui-msg__icon-area'><i class='weui-icon-warn weui-icon_msg-primary f-gray'></i></div><div class='weui-msg__text-area'><p class='weui-msg__desc'>暂无数据</p></div></div>");
				loading = false;
				newsupgrade();	
			},
			onCancel: function () {
			}
		});
	}
</script>