vue 鼠标划过显示视频遮罩层

 效果图：

鼠标划过，显示视频遮罩层

 

.mask_item {
      &::before {
        content: "";
        display: none;
        position: absolute;
        width: 285px;
        height: 180px;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.25) url("../../assets/img/mask.png") no-repeat
          center;
      }
      &:hover {
        &::before {
          display: block;
        }
      }
    }