<template>
	<view>
		<far-bottom></far-bottom>
		<block v-for="(item, index) in dataInfo" :key="index">
			<view class="evaluation-item border-line border-bottom">
				<view class="evaluation-hd dis-flex flex-dir-row flex-y-center flex-x-between">
					<view class="evaluation-user dis-flex flex-dir-row flex-y-center">
						<image :src="item['headimg']" mode=""></image>
						<view class="evaluation-user-name">
							<view class="user-name f-24">{{ item['nickname'] }}</view>
							<view class="evaluation-time f-24 col-9">{{ item['createtime'] }}</view>
						</view>
					</view>
					<view class="evaluation-grade dis-flex flex-dir-row flex-y-center">
						<view class="iconfont icon-shoucangxiao select" v-for="(score, scoreIndex) in item['star']" :key="scoreIndex"></view>
						<view class="iconfont icon-shoucangxiao" v-for="(score, scoreIndex) in 5 - item['star']" :key="scoreIndex"></view>
					</view>
				</view>
				<view class="evaluation-bd">
					<view class="evaluation-content f-26 col-9">{{ item['text'] }}</view>
					<view class="picImage_view">
						<image :src="picItem" v-for="(picItem,picIndex) in item['pic']" class="picImage"></image>
					</view>
					<block v-if="!!item['replypicone'] && item['replypicone']['length'] > 0">
						<view class="evaluation-imgs dis-flex flex-warp">
							<block v-for="(comment_image_item, index) in item['replypicone']" :key="index">
								<image :src="comment_image_item" mode=""></image>
							</block>
						</view>
					</block>
				</view>
				<block v-if="!!item['replytextone']">
					<view class="store-reply">
						<view class="reply-content">
							<view class="reply-content-item f-24 col-9">
								<text class="reply-content-itemfont f-24 col-9 iconfont icon-pinglun"></text>
								商家回复:
								<text class="col-3">{{ item['replytextone'] }}</text>
							</view>
						</view>
					</view>
				</block>
			</view>
		</block>
	</view>
</template>


<script>
	import App from '@/common/js/app.js';
	import wxApi from "@/common/js/wxApi.js"
	export default {
		data() {
			return {
				dataInfo: [{
					createtime: "1587968963",
					headimg: "https://thirdwx.qlogo.cn/mmopen/9gPRRGAVQLgdEdmNGzZau9NfIek8ouvYvl3fYdnicd4lgIRjZhqYQpP5Wq8ic3ZibN3PvWXqiaqDTjRu6H1oyrMlOfDA3ibE5qZibV/132",
					nickname: "天之涯",
					pic: [],
					replypicone: [],
					replytextone: "",
					star: 4,
					text: "857857",
				}]
			};
		},
		onLoad(e) {
			console.log(e, '00000')
			// this.getGoodsDetail(e.goods_id, e.goodsType)
		},
		onShow() {

		},
		methods: {


		}
	};
</script>

<style scoped>
	/* 商品评价 */
	.evaluation-item {
		padding: 30upx;
	}

	.evaluation-item:first-child {
		border-top: 0;
	}

	.evaluation-all {
		width: 270upx;
		height: 70upx;
		border: 1px solid rgba(238, 238, 238, 1);
		border-radius: 38upx;
		margin: 30upx auto 0;
		padding-left: 20upx;
	}

	.evaluation-all-iconfont {
		color: #333333;
		font-size: 36upx;
	}

	.evaluation-user image {
		width: 60upx;
		height: 60upx;
		display: block;
		border-radius: 50%;
		margin-right: 10upx;
	}

	.evaluation-grade .iconfont {
		width: 36upx;
		height: 36upx;
		line-height: 36upx;
		font-size: 28upx;
		display: block;
		color: #CCCCCC;
	}

	.evaluation-grade .iconfont.select {
		color: #FF4444
	}

	.evaluation-bd {
		margin-top: 20upx;
	}

	.evaluation-imgs {
		margin-top: 12upx;
	}

	.evaluation-imgs image {
		width: 220upx;
		margin: 0 10upx 20upx 0;
		height: 220upx;
		border-radius: 6upx;
	}

	.reply-content-item .reply-content-itemfont {
		vertical-align: middle;
		margin-right: 14upx;
	}
</style>
