<template>
	<view class="mall_my_evaluate_list_cn">

		<view class="">
			<ty-list-list :status="load_status">
				<view class="item margin-top-20 padding-lr-30 padding-top-30 padding-bottom-20 bg-ff"
					v-for="(item,index) in list" :key="index">
					<!-- 头像 -->
					<view class="flex align-center">
						<image class="jc-avatar-80" :src="item.head_img" mode="aspectFill"></image>
						<view class="margin-left-20 flex-one">
							<view class="text-24 text-33 text-bold">{{item.nick_name}}</view>
							<view class="margin-top-10 text-24 text-98 text-cut-one flex align-center">
								<text>{{item.review_time}}</text>
							</view>
						</view>
						<view class="flex align-center">
							<image src="/static/home/star1.png" v-for="(item,index) in item.star" :key="index"
								class="starImg margin-left-10"></image>
							<image src="/static/home/star0.png" v-for="(item,index) in (5-item.star)" :key="index"
								class="starImg margin-left-10"></image>
						</view>
					</view>

					<!-- 内容 -->
					<view class="margin-top-20 line-40 text-28 text-33" style="margin-left: 95rpx;">
						{{item.content}}
					</view>

					<!-- 商家回复 -->
					<view class="margin-top-25 padding-lr-20 padding-tb-15 bg-f5 radius-10 line-40" v-if="item.is_reply == 2">
						<view class="text-26 text-4d">专家回复</view>
						<text class="text-26 text-77">{{item.reply}}</text>
					</view>

					<view class="margin-top-20 padding-tb-15 padding-lr-20 flex align-center radius-10 border-dd" @tap="go('/pages/expert/detail?id='+item.expert_id)">
						<image class="expertHeader" :src="item.expert_head_img" mode="aspectFill"></image>
						<view class="margin-left-15 flex-one">
							<view class="flex align-center">
								<view class="flex-one margin-right-30 text-28 text-33 text-bold">{{item.expert_name}}</view>
								<view class="text-32 text-ff85 text-bold text-price">{{item.expert_price}}</view>
							</view>
							<view class="margin-top-5 text-26 text-909298 text-cut-one">
								{{item.expert_brief}}
							</view>
						</view>
					</view>
				</view>

			</ty-list-list>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			list: {
				type: Array,
				default: []
			},
			load_status: {
				type: String,
				default: ''
			},
			type: {
				type: [String, Number],
				default: 3 //1--商品详情页评论 2--商品评论列表 3--我的评论列表
			}
		},
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style scoped>
	.item:first-child {
		margin-top: 0 !important;
	}

	.starImg {
		width: 32rpx;
		height: 32rpx;
	}
	.expertHeader{
		width: 80rpx;
		height: 80rpx;
		border-radius: 10rpx;
	}
</style>
