app直播源代码,弹出层 加遮罩层 页面禁止滑动
app直播源代码,弹出层 加遮罩层 页面禁止滑动
加遮罩层
大标签下加标签
<div :class="[{ introduced: AnimationsPopup }]"></div>
scss
.introduced {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 90;
transition: all 0.15s linear;
}
子组件接收值
props: {
visible: Boolean
},
关闭弹出层
点击事件 出现滚动条 开启滑动
closes() {
this.$emit('update:visible', false)
var mo = function (e) {
e.preventDefault()
}
document.body.style.overflow = '' //出现滚动条
document.removeEventListener('touchmove', mo, false)
},
大标签
<div
:visible="visible"
@update:visible="$emit('update:visible', $event)"
>
以上就是 app直播源代码,弹出层 加遮罩层 页面禁止滑动,更多内容欢迎关注之后的文章