<template>
	<view class="review-list">
		<view v-for="(item,index) in list" :key="index" class="review-list-item">
			<view class="review-list-item-top">
				<view class="review-list-item-top-img">
					<image style="width: 100%;height: 100%;border-radius: 50%;" :src="item.img" mode=""></image>
				</view>
				<view style="flex: 1;" class="">
					<view class="">
						{{item.name}}
					</view>
					<view style="color: #999;" class="">
						{{item.sf}}
					</view>
				</view> 
				<view style="color: #999;" class="">
				{{item.sj}}
				</view>
			</view>
			
			<view style="padding: 24rpx 0 0 0;" class="">
				{{item.nr}}
			</view>
		</view>
		
	</view>
</template>

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

			};
		}
	}
</script>

<style lang="scss" scoped>
	.review-list {
		width: 100%;

		.review-list-item {
			background-color: #fff;
			border-top: 1px solid #f2f2f2;
			box-sizing: border-box;
			padding: 32rpx;

			.review-list-item-top {
				display: flex;

				.review-list-item-top-img {
					width: 80rpx;
					margin-right: 20rpx;
					height: 80rpx;
				}
			}
		}
	}
</style>