<template>
	<view>
		<view class="d-flex margin-top-two" v-for="(item,index) in personEvalList">
			<img class="avatar-img" :src="item.userHead" alt="">
			<view class="flex-1 margin-left-one">
				<view class="d-flex a-center j-sb">
					<view class="nickname">{{item.userName ? item.userName : ''}}</view>
					<view class="font">{{item.modifyTime | formatDate}}</view>
				</view>
				<view class="evaluateText">{{item.content}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "comment",
		props:{
			personEvalList:{
				type: Array,
				default: () => {
					return []
				}
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style>
	.avatar-img {
		width: 84rpx;
		height: 84rpx;
		border-radius: 50%;
	}

	.nickname {
		font-size: 28rpx;
		font-weight: bold;
	}

	.evaluateText {
		margin-top: 10rpx;
		font-size: 24rpx;
		letter-spacing: 0.5px;
		line-height: 36rpx;
	}
</style>
