vue 弹出全屏遮罩层

vue 弹出全屏遮罩层

 <div v-show="dialog" class='popContainer' @click="hideDialog">
            <img  src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg" alt="" >
        </div>

.popContainer{
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0,0,0,0.3);
      > img{
          width: 100%;
          height: 100%;
          object-fit: contain
  }
  }