<!DOCTYPE html>
<html>
{include file="head.html"}
<style>
	.pm-head {
		width: 40px;
		height: 40px;
		margin-right: 5px;
	}

	.pm-l-msg,
	.pm-r-msg {

		color: #646464;
		font-size: 14px;
		padding: 5px;
		box-sizing: border-box;
		background-color: #eee;
		border-radius: 5px;
	}

	.pm-l-msg {
		margin-right: 50px;
	}

	.pm-r-msg {
		margin-left: 10px;
	}
</style>
<body>
<div class="header">
	<div class="header-back"></div>
	<div class="header-title">私信</div>
</div>
<div class="header-row"></div>
<div class="main-body none" :class="'flex-col'" id="App">
	<div >
		<div class="emptyData" v-if="Object.keys(list).length==0">暂无消息</div>
		<div v-else class="pmList">
			<div @click="goPm(item.t_userid)" class="row-box mgb-5" v-for="(item,index) in list" :key="index">
				<div class="flex flex-ai-center" v-if="item.isme">
					<img class="pm-head mgr-5" :src="item.t_user_head+'.100x100.jpg'" />
					<div class="flex-1">
						<div class="flex mgb-5">
							<text v-if="item.status==0" class="badge badge-mini"></text>
							<div class="mgr-5 f12 cl3 mgr-10 ">{{item.t_nickname}} </div>
	
							<div class="f12 cl3">{{item.timeago}}</div>
							<div class="flex-1"></div>
							<div class="mgl-5 f12 cl3">我</div>
						</div>
						<div class="pm-r-msg">
							{{item.content}}
						</div>
	
					</div>
					<img class="pm-head mgl-5" :src="item.user_head+'.100x100.jpg'" />
				</div>
				<div class="flex flex-ai-center" v-else>
					<img class="pm-head mgr-5" :src="item.t_user_head+'.100x100.jpg'" />
					<div class="flex-1">
						<div class="flex">
							<text v-if="item.status==0" class="badge badge-mini"></text>
							<div class="mgb-5 f12 cl3">{{item.t_nickname}}</div>
							<div class="flex-1"></div>
							<div class="f12 cl3">{{item.timeago}}</div>
	
						</div>
	
						<div class="pm-l-msg">
							{{item.content}}
						</div>
					</div>
	
	
				</div>
			</div>
		</div>
	</div>
	  
</div>
{assign var="ftnav" value="pm"} 
{include file="ftnav.html"}
{include file="footer.html"}
<script src="/plugin/vue/vue.min.js"></script>
<script src="{$skins}pm/index.js"></script>
</div>
</body>
</html>