vue 弹出全屏遮罩层

最新推荐文章于 2024-08-21 18:55:29 发布

杨天福911

最新推荐文章于 2024-08-21 18:55:29 发布

阅读量1.2w

点赞数 2

分类专栏： Vue 文章标签： vue 全屏遮罩层 img图片适配

本文链接：https://blog.csdn.net/ytfunnysite/article/details/99298122

版权

Vue 专栏收录该内容

15 篇文章 1 订阅

订阅专栏

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
  }
  }