<template>
	<view class="near_page">
		<u-navbar 
			@leftClick="leftClick"
			@rightClick="moreOptionClick"
			leftIcon="arrow-left"
			rightIcon="more-dot-fill"
			placeholder
			bgColor="#FFF" 
			title="附近的人" 
			title-size="36" 
			:title-bold="true" 
			:border-bottom="false">
		</u-navbar>
		<view>
			<UserItem v-for="(item,index) in list" :item="item" :index="index" :key="index"></UserItem>
		</view>
	</view>
</template>

<script>
	import UserItem from './components/UserItem';
	export default {
		components:{UserItem},
		data() {
			return {
				list:[
					{
						user:{
							avatar:"/static/img/avatar.png",
							id:1,
							nickname:"nickname",
							remark:"remark"
						},
						user_id:1,
						body:"body"
					},
					{
						user:{
							avatar:"/static/img/avatar.png",
							id:1,
							nickname:"nickname",
							remark:"remark"
						},
						user_id:1,
						body:"body"
					},
					{
						user:{
							avatar:"/static/img/avatar.png",
							id:1,
							nickname:"nickname",
							remark:"remark"
						},
						user_id:1,
						body:"body"
					},
					{
						user:{
							avatar:"/static/img/avatar.png",
							id:1,
							nickname:"nickname",
							remark:"remark"
						},
						user_id:1,
						body:"body"
					},
					{
						user:{
							avatar:"/static/img/avatar.png",
							id:1,
							nickname:"nickname",
							remark:"remark"
						},
						user_id:1,
						body:"body"
					},
				]
			};
		},
		methods:{
			moreOptionClick(){
				
			},
			leftClick(){
				uni.navigateBack()
			}
		}
	}
</script>

<style lang="scss">
	.near_page{
	}
</style>