<!DOCTYPE html>
<html>
	<?php echo $this->fetch('head.html'); ?>
	<style>
		.uBox{
			position: relative;
			width: 100%;
			height: 200px;
			background-color: #009688;
			
		}
		.uBox-follow{
			border-radius: 5px;
			border: 1px solid #fff;
			color: #fff;
			padding: 6px 10px;
			width:60px;
			font-size: 14px;
			span-align: center;
			position: absolute;
			right:10px;
			top:10px;
		}
		.uBox-nick{
			color: #fff;
			font-size: 14px;
			margin-bottom: 20px;
		}
		.uBox-head{
			width:50px;
			height: 50px;
			border-radius: 5px;
			margin-top: 10px;
			margin-bottom: 10px;
		}
		.uBox-desc{
			position: absolute;
			bottom:10px;
			right: 0;
			left:0;
			span-align: right;
			padding-left: 10px;
			 
			padding-right: 10px;
			color: #eee;
			font-size: 14px;
		}
		.btn-pm{
			padding:3px 5px;
			line-height: 1;
			border: 1px solid #fff;
			font-size: 12px;
			color: #fff;
			border-radius: 5px;
			margin-left: 20px;
		}
	</style>
	<body>
		<div class="header-back-fixed goBack" style="z-index: 999; color: #fff;"></div>
		<div class="main-body" id="App">
			<friend-apply :touserid="user.userid"></friend-apply>
			<div v-if="pageLoad" class="uBox">
				<div class="flex flex-center">
					<img class="uBox-head" :src="user.user_head+'.100x100.jpg'"> 
				</div>
				<div class="flex flex-center">
					<div class="uBox-nick">{{user.nickname}}</div>
				</div>
				<div class="flex mgb-10 flex-center">
					<div class="mgr-5 cl-white">粉丝</div>
					<span class="mgr-10  cl-white">{{user.followed_num}}</span> 
					<div class="mgr-5  cl-white">关注</div>
					<span class="cl-white">{{user.follow_num}}</span>
					<div class="btn-pm  cl-white" @click="goPm(user.userid)">私信</div>
				</div>
				<div v-if="user.description==''" class="uBox-desc">该用户一句话也没留下</div>
				<div v-else class="uBox-desc">{{user.description}}</div>
			</div>
			<div v-for="(item,index) in list" :key="index" @click="goBlog(item.id)" class="sglist-item">
				
				<div class="sglist-title flex" v-html="item.content"></div>
				<div class="sglist-imglist">
					 
					<img v-for="(img,imgIndex) in item.imgslist" :key="imgIndex" :src="img+'.100x100.jpg'" class="sglist-imglist-img" />
					
				</div>
				<div class="sglist-ft">
					<div class="sglist-ft-love">{{item.love_num}}</div>
					<div class="sglist-ft-cm">{{item.comment_num}}</div>
					<div class="sglist-ft-div">{{item.div_num}}</div>
				</div> 
			</div>
		</div>
		<?php echo $this->fetch('footer.html'); ?>
		<script>
			var  userid="<?php echo $this->_var['userid']; ?>"
		</script>
		<script src="/plugin/dt-ui/vue-friend-apply.js"></script>
		<script src="<?php echo $this->_var['skins']; ?>sblog_home/index.js"></script>
	</body>
</html>
