app直播源代码，弹出层 加遮罩层 页面禁止滑动

app直播源代码，弹出层 加遮罩层 页面禁止滑动

加遮罩层

大标签下加标签

 

1	<div :class="[{ introduced: AnimationsPopup }]"></div><br>scss<br>.introduced {<br>  width: 100%;<br>  height: 100%;<br>  position: fixed;<br>  top: 0;<br>  left: 0;<br>  <br>  z-index: 90;<br>  transition: all 0.15s linear;<br>}

​

子组件接收值

 

1	props: {<br>  visible: Boolean<br>},

 

关闭弹出层

点击事件 出现滚动条 开启滑动

 

1	closes() {<br>  this.$emit('update:visible', false)<br>  var mo = function (e) {<br>    e.preventDefault()<br>  }<br>  document.body.style.overflow = '' //出现滚动条<br>  document.removeEventListener('touchmove', mo, false)<br>},

 

大标签

 

1	<div<br>  :visible="visible"<br>  @update:visible="$emit('update:visible', $event)"<br>>

 

 以上就是 app直播源代码，弹出层 加遮罩层 页面禁止滑动，更多内容欢迎关注之后的文章