<template>
	<view  class="near-item" :index="index">
		<view @tap="linkToBusinessCard(item.user_id)">
			<MyAvatar :src="item.user.avatar" :desc="item.user.nickname || item.user.id" :isGroup="false" size="48"></MyAvatar>
		</view>
		<view class="content">
			<view class="content-name" @tap="linkToBusinessCard(item.user_id)">{{ item.user.nickname || item.user.remark }}</view>
			<view class="content-desc">
				<u--text :lines="5" :text="item.body" />
			</view>
		</view>
	</view>
</template>

<script>
	import MyAvatar from "@/components/MyAvatar/index.vue";
	import util from "@/util/index.js";
	export default{
		components:{MyAvatar},
		props:{
			index:{
				type:Number,
				default:0
			},
			item:{
				type:Object,
				default(){
					return {};
				}
			}
		},
		computed:{
			selfInfo() {
				return this.$store.getters.storeSelfInfo;
			},
		},
		data(){
			//console.log(this.item);
			return {
				girdItemCustomStyle:{
					padding: '0',
					margin:'0',
					border:'1rpx solid #f2f6fc'
				},
			}
		},
		methods:{
			linkToBusinessCard(userID){
				this.$emit('userEvent',{type:'linkToBusinessCard',userID});
			},
			cdn:util.cdn
		}
	}
</script>

<style scoped lang="scss">

	.near-item {
		padding: 18rpx 30rpx;
		border-bottom: 1rpx solid #f2eeee;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start;

		.content {
			flex: 1;
			padding-left: 18rpx;
			font-size: 32rpx;

			&-name {
				color: #666666;
				font-weight: bold;
				font-size: 32rpx;
			}

			&-desc {
				color: #999999;
				padding-top: 4rpx;
				//line-height: 36rpx;
				font-size: 32rpx;
			}
		}
	}

</style>