<?php include_once(mvc::$cfg['PATH_TPL'].'public/headMenu.php');?>
<link rel="stylesheet" type="text/css" href="<?php echo mvc::$cfg['SYS_URL'];?>static/css/user.css?ver=<?php echo mvc::$cfg['VER']['css'];?>">
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">在线客服</h1>
</header>
<header class="mui-bar mui-bar-nav top-menu2 order-status-menu">
	<div id="segmentedControl" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-negative">
		<a class="mui-control-item" data-t="info" href="javascript:;">关于我们</a>
		<a class="mui-control-item" data-t="con" href="javascript:;">新闻中心</a>
	</div>
</header>
<div class="mui-content ord-list mui-scroll-wrapper" id="refreshContainer">
	<div class="mui-scroll">
		<div id="pullrefresh" class="mui-content mui-scroll-wrapper news_box item-con item-li">
			<div class="news_box_content">
				<!--数据列表-->
				<ul class="mui-table-view mui-table-view-chevron"></ul>
			</div>
		</div>
		<script type="text/javascript">
			mui.init({
			  pullRefresh : {
			    container:'#pullrefresh',//待刷新区域标识，querySelector能定位的css选择器均可，比如：id、.class等
			    up : {
			      height:50,//可选.默认50.触发上拉加载拖动距离
			      auto:true,//可选,默认false.自动上拉加载一次
			      contentrefresh : "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容
			      contentnomore:'没有更多数据了',//可选，请求完毕若没有更多数据时显示的提醒内容；
			      callback :function(){
			      	var _this=this;
					_this.page=_this.page||1;
			      	$.get(SELF_URI+'index/getNewsLists?isAjax=1',{"page":_this.page},function(res){
			      		if(res['data'].length>0){
			      			var html='';
			      			var items=res['data'];
			      			for(var i in items){
			      				var img=items[i]['art_imgs']!=undefined?items[i]['art_imgs'][0]:'';
			      				var imgHtml=img==''?'':'<img src="'+img+'">';
					      		html+=`<li>
											<a href="javascript:;" data-href="`+SELF_URI+`index/new?aId=`+items[i]['art_id']+`">
												`+imgHtml+`
												<p class="news_title">`+items[i]['art_name']+`</p>
												<p>`+items[i]['time']+`</p>
											</a>
										</li>`;
			      			}
							$('#pullrefresh ul').append(html);
							_this.endPullupToRefresh(false);
			      		}else{
			      			_this.endPullupToRefresh(true);
			      		}
						_this.page++;
			      	},'json');
			      } //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
			    }
			  }
			});
		</script>
		<div class="item-li item-info">
			<?php echo $about['art_txt'];?>
		</div>
	</div>
</div>
<?php include_once(mvc::$cfg['PATH_TPL'].'public/footBase.php');?>
<script type="text/javascript">
var type = '<?php echo $Params['t'];?>';
$(function(){
	$('.mui-bar .mui-control-item').bind('tap', function(){
		$(this).addClass('mui-active').siblings().removeClass('mui-active');
		$('.mui-scroll .item-li').hide();
		$('.item-'+$(this).data('t')).show();
		$('.mui-title').html($(this).html());
	});
	if($('[data-t="'+type+'"]').length > 0){
		$('[data-t="'+type+'"]').trigger('tap');
	}else{
		$('[data-t]:eq(0)').trigger('tap');
	}
})   
</script>