<template>
	<div class="quote-box">
		<div class="flex_r quote-name">
			<div class="">{{ value.senderData.name }}：</div>
			<div class="flex_r m-image" @tap.stop="openimg(value.payload.url)">
				<el-image class="img" :src="value.payload.thumbnail || value.payload.url" fit="aspectFill"></el-image>
			</div>
		</div>
	</div>
</template>
<script>
import { openimg } from '@/util/index.js';
export default {
	props: {
		value: {
			type: Object,
			default: {}
		}
	},
	data() {
		return {};
	},
	computed: {},
	methods: {
		openimg
	}
};
</script>

<style scoped lang="scss">
.quote-box {
	box-sizing: border-box;
	padding: 12px 16px;
	border-radius: 10px;
	margin-top: 6px;
	background-color: #e1e1e1;
	color: #6b6b6b;
}
.quote-name {
}
.quote-content {
}
.m-image {
	border-radius: 10px;
	overflow: hidden;
	.img {
		width: 80px;
		height: 80px;
		border-radius: 6px;
		overflow: hidden;
		background-color: #fff;
	}
}
</style>
