<!DOCTYPE html>
<html>
	<?php echo $this->fetch('head.html'); ?>
	<body>
		<div class="header">
			<div class="header-back"></div>
			<div class="header-title">通讯录</div>
		</div>
		<div class="header-row"></div>
		<div class="main-body" id="App">
			<div >
				<div @click="gourl('/index.php?m=friend_apply')" class="row-item bg-white">
					<div class="iconfont icon-friend_add_light mgr-5"></div>
					<div class="row-item-title">新朋友</div>
					<div v-if="newNum>0" class="cl-red">{{newNum}}</div>
				</div>
				<div v-if="Object.keys(list).length==0" class="emptyData">
					暂无好友
				</div>
				<div v-for="(item,name,index) in list" :key="index">
					<div :id="'zms'+name" class="f16 pd-10 zms">{{name}}</div>
					<div class="ubox">
						<block  v-for="(cc,cckey) in item.child" :key="cckey">
							<div  @click="goPm(cc.userid)" class="row-item-text">
								<image :src="cc.user_head+'.100x100.jpg'" class="wh-30 bd-radius-5 mgr-5"></image>
								<div class="row-item-title">{{cc.nickname}}</div>
							</div>
						</block>
					</div>
				</div>
			</div>
			<div class="pBox">			
				<div @click="setZm(name)" v-for="(item,name,index) in list" :key="index" :class="zm==name?'pBox-active':''" class="pBox-item">{{name}}</div>				
			</div>
			
		</div>
		<?php $this->assign('ftnav','contact'); ?>
		<?php echo $this->fetch('ftnav.html'); ?>
		<?php echo $this->fetch('footer.html'); ?>
		<script src="<?php echo $this->_var['skins']; ?>friend/index.js"></script>
		
	</body>
</html>
