<template>
    <div class="single-image">
        <junpLink :action="action">
            <img :src="src">
        </junpLink>
    </div>
</template>

<script>
export default {
  name: "SingleImage",
  props: {
    src: {
      type:String,
      default: ()=>{
        return ''
      }
    },
    sourceWidth: {
      type:Number,
      default: ()=>{
        return 0
      }
    },
    sourceHeight: {
      type:Number,
      default: ()=>{
        return 0
      }
    },
    isEnd: {
      type:Boolean,
      default: ()=>{
        return true
      }
    },
    isZoom: {
      type:Boolean,
      default: ()=>{
        return true
      }
    },
    isVideo: {
      type:Boolean,
      default: ()=>{
        return false
      }
    },
    action: {
      type:Object,
      default: ()=>{
        return {}
      }
    },
  }
};
</script>

<style scoped>
.single-image,
.single-image img{
  height: auto !important;
  width: 100% !important;
}
</style>