<template>
  <div class="small-big" @click="$emit('update:isSmallImgShow',false)">
    <img @click.stop="" :src="src"  alt="">
  </div>
</template>

<script>
export default {
  name: "SmallBig",
  props:{
    src:{

    },
    isSmallImgShow:{

    }
  },

}
</script>

<style scoped lang="scss">
.small-big{
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left:0;
  right: 0;
  top: 0;
  z-index: 999;
  bottom: 0;
  background: rgba(0,0,0,0.5);
  img{
    width: 80%;
  }
}
</style>
