<template>
	<div class="flex_r m-image">
		<!-- #ifdef H5 || MP -->
		<el-image class="img" :src="value.payload.url" mode="aspectFill"></el-image>
		<!-- #endif -->
		<!-- #ifdef APP -->
		<cacheImage :src="value.payload.url" :ext="value.payload.ext" mstyle="{width: 250px;height: 250px;}"></cacheImage>
		<!-- #endif -->
	</div>
</template>
<script>
import cacheImage from '../cache-image/cache-image.vue';
export default {
	components: {
		cacheImage
	},
	props: {
		isMy: {
			type: [Boolean, Number],
			default: false
		},
		value: {
			type: Object,
			default: {}
		}
	},
	data() {
		return {};
	},
	computed: {},
	methods: {}
};
</script>

<style scoped lang="scss">
.m-image {
	border-radius: 2px;
	overflow: hidden;
	.img {
		width: 250px;
		height: 250px;
	}
}
</style>
