<!--
 * @Author: ch
 * @Date: 2022-06-23 10:40:04
 * @LastEditors: ch
 * @LastEditTime: 2022-06-24 16:21:52
 * @Description: file content
-->
<template>
	<div class="follow">
		<b class="follow--title">{{day}}追评:</b>
		<p class="follow--ctx">{{followComment.commentContent}}</p>
		<!-- <view class="follow--img" v-if="imgs.length">
			<image class="follow--img-item" v-for="(item, idx) in imgs" :src="item" :key="idx" @click="preview(idx)" mode="aspectFit"/>
		</view> -->
	</div>
</template>
<script>
export default {
	props : {
		followComment : {
			type : Object,
			default : () => ({})
		},
		commentTime : {
			type : String,
			default : ''
		}
	},
	computed:{
		day(){
			const followTime = (new Date(this.followComment.createTime)).getTime();
			const commentTime = (new Date(this.commentTime)).getTime();
			const day = Math.floor((followTime - commentTime) / (24 * 60 * 60 * 1000));
			return day > 0 ? `${day}天后` : `当天`;
		},

		imgs (){
			let urls = this.followComment.pictureUrl || '';
			return urls ? urls.split(',') : [];
		}
	}
}
</script>
<style lang="scss" scoped>
.follow{
	margin-top: 30px;
	&--title{
		color: #FF6A19;
		font-weight: normal;
	}
	&--ctx{
		line-height: 24px;
	}
}
</style>