<template>
  <el-image
    class="resource-image-preview"
    :src="$getImageURL(value)"
    :zoom-rate="1.2"
    :max-scale="3"
    :min-scale="0.5"
    :preview-src-list="[$getImageURL(value)]"
    :preview-teleported="true"
    :hide-on-click-modal="true"
    :initial-index="0"
    fit="cover"
  />
</template>

<script>

export default {
  name: 'ImagePreview',
  props: {
    value: {
      required: true
    }
  }
}
</script>
<style scoped lang="scss">
.resource-image-preview {
  width: 150px;
  height: 100px;
}
</style>
