关于遮罩层,最常用到的场景就是在前端请求过程中和导航栏下拉
1、在页面添加一个div模块
<!-- 遮罩层 -->
<div class="overlay" v-show="overlayShow"></div>
2、添加css样式
.overlay {
position: fixed;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
}
附上一张效果图: