app直播原始碼，彈出層 加遮罩層 頁面禁止滑動

app直播原始碼，彈出層 加遮罩層 頁面禁止滑動

加遮罩層

大標籤下加標籤

<div :class="[{ introduced: AnimationsPopup }]"></div>
scss
.introduced {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.9);
  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直播原始碼，彈出層 加遮罩層 頁面禁止滑動，更多內容歡迎關注之後的文章