<template>
	<view class="mall_my_evaluate_list_cn">
		<view class="" v-if="type == 1">
		
			<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.user_head_img" mode="aspectFill"></image>
					<view class="margin-left-20 flex-one">
						<view class="text-24 text-33">{{item.user_nick_name}}</view>
						<view class="margin-top-10 text-24 text-98 text-cut-one flex align-center">
							<text>{{item.show_create_time}}</text>
							<text class="margin-left-30 flex-one" v-if="item.product_sku_name">规格:{{item.product_sku_name}}</text>
						</view>
					</view>
				</view>
		
				<!-- 内容 -->
				<view class="margin-top-30 line-40 text-28 text-4d">
					{{item.content}}
				</view>
		
				<!-- 图片 -->
				<view class="margin-top-15">
					<ty-image-images :list="item.photos"></ty-image-images>
				</view>
			</view>
		</view>
		
		<view class="" v-else-if="type != 1">
			<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.user_head_img" mode="aspectFill"></image>
						<view class="margin-left-20 flex-one">
							<view class="text-24 text-33">{{item.user_nick_name}}</view>
							<view class="margin-top-10 text-24 text-98 text-cut-one flex align-center">
								<text>{{item.show_create_time}}</text>
								<text class="margin-left-30 flex-one" v-if="item.product_sku_name">规格:{{item.product_sku_name}}</text>
							</view>
						</view>
					</view>

					<!-- 内容 -->
					<view class="margin-top-30 line-40 text-28 text-4d">
						{{item.content}}
					</view>

					<!-- 图片 -->
					<view class="margin-top-15">
						<ty-image-images :list="item.photos"></ty-image-images>
					</view>

					<!-- 追评 -->
					<view class="margin-top-30" v-if="item.is_add == 1 && type != 1">
						<text class="text-28 text-main">用户{{item.add_evaluate_space_day}}天后追评</text>
						<view class="margin-top-15">
							<text class="line-40 text-28 text-4d">{{item.add_evaluate_content}}</text>
						</view>
						<view class="margin-top-15">
							<ty-image-images :list="item.add_evaluate_photos"></ty-image-images>
						</view>
					</view>

					<!-- 商家回复 -->
					<view class="margin-top-30 padding-lr-20 padding-tb-15 bg-f7"
						v-if="item.is_replay == 1 && type != 1">
						<view class="text-22 text-4d">店铺回复</view>
						<text class="text-24 text-80">{{item.replay}}</text>
					</view>

					<view class="margin-top-30 flex align-center" @tap="go('/pages/mall/detail?id='+item.product_id)" v-if="type == 3">
						<image class="jc-image-140 radius-10" :src="item.product_cover_img" mode="aspectFill"></image>
						<view class="margin-left-30 flex-one">
							<view class="line-40 height-80 text-24 text-cut-two">{{item.product_name}}</view>
							<view class="margin-top-20 text-26 text-main text-price">{{item.product_price}}</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;
	}
</style>
