<!DOCTYPE html>
<html>
	{include file="head.html"}
	<style>
		.w200{
			max-width: 200px;
		}
		.newMsg{
			position: fixed;
			right: 5px;
			top: 200px;
			width: 30px;
			height: 30px;
			line-height: 30px;
			border-radius: 20px;
			text-align: center;
			background-color: #F4726C;
			color: #fff;
			z-index: 99;
		}
	</style>
	<body>
		<div class="header">
			<div class="header-back"></div>
			<div class="header-title">{$user.nickname}</div>
		</div>
		<div class="header-row"></div>
		<div class="main-body">
			<div v-if="pageLoad" class="list" id="app">
				<div @click="getPage" v-if="hasNew" class="newMsg">新</div>  
				<div v-for="(item,index) in list" :key="index" class="bg-white pd-10">
					 
					<div class="flex" v-if="item.author=='user'">
						<img :src="user.user_head+'.100x100.jpg'" class="wh-40 mgr-10" />
						
						<div class="flex-1">
							<div class="flex mgb-5">
								<div class="cl2 flex-1">{{user.nickname}}</div>
								<div class="cl3 f12">{{item.timeago}}</div>
							</div>
							<div class="cl3">{{item.content}}</div>
						</div>
					</div>
					<div class="flex" v-else>
					<div class="flex-1"></div>
					<div class="w200">
						
						<div class="cl2 mgb-5 flex">
							<div class="flex-1"></div>
							{{shop.shopname}}
						</div>
						<div class="cl3">{{item.content}}</div>
					</div>
				 
					<img :src="shop.imgurl+'.100x100.jpg'" class="wh-40 mgl-10" />
					</div>
				</div>
				
			</div>
			<div style="height: 60px;"></div>
			<div style="position: fixed;bottom: 0;left: 0;right: 0;">
				<div class="input-flex">
					<input type="text" id="content" class="input-flex-text" />
					<div class="input-flex-btn" id="submit">发送</div>
				</div>
			</div>
		</div>
		{include file="footer.html"}
		<script src="/plugin/vue/vue.min.js"></script>
		<script>
			var id="{$product.productid}";
			var shopid="{$shopid}";
			var userid="{$user.userid}";
			
		</script>
		<script src="{$skins}car_guest/shop.js"></script>
	</body>
</html>
