首页 > 其他分享 >app直播源代码,弹出层 加遮罩层 页面禁止滑动

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

时间:2023-11-24 14:12:05浏览次数:56  
标签:遮罩 app visible 弹出 滑动 源代码

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直播源代码,弹出层 加遮罩层 页面禁止滑动,更多内容欢迎关注之后的文章

 

标签:遮罩,app,visible,弹出,滑动,源代码
From: https://www.cnblogs.com/yunbaomengnan/p/17853607.html

相关文章

  • mapper中limit参数的问题
    通常情况下一般不会用limit进行分页操作,但是在数据量小的情况下使用limit还是挺好的,因为方便。在mapper中操作一般我们都是这样写,看起来没问题,但是跑起来会有问题。因为limit中不支持动态运算符,故在写分页的时候mapper.xml中以下这种写法是错误的://错误写法<selectid="queryPag......
  • uniapp打包的ipa上架到appstore的傻瓜式教程
    ​转载:uniapp打包的ipa上架到appstore的傻瓜式教程uniapp打包在HBuilderX编辑器中打开需要打包的项目,然后点击上面菜单栏中发行=>原生App-云打包,对以下弹出的弹窗进行内容填写  ​  填写完成以后,点击打包操作  ​    ​  点击继续打包,等待......
  • Flutter 修改 APP 名称
    flutterpubspec.yamldependencies:flutter_app_name:^0.1.0flutter_app_name:name:"托尼蛋儿"webH5lib/routes/App.dartimport'package:flutter/cupertino.dart';import'package:flutter/material.dart';import'pac......
  • uniapp-微信小程序绑定动态样式 :style 避坑
    在uniapp中绑定动态样式:style="object"使用此种方法,在H5页面中并不会出现任何问题而在微信小程序中,此种方式就会被编译成 style="[object,object]"从而导致样式无法生效解决方法:    使用:style="[object]"此种方式即可......
  • 开源在线客服系统源码PHP(H5网页在线客服系统小程序源码uniapp全套搭建)
    现代客户服务的重要性得到了越来越多的认可。一个优质的客户服务可以使客户在购买和使用产品、寻求技术支持时获得更好的体验,从而建立起品牌声誉和客户忠诚度。为了优化客户服务体验,许多企业已经开始使用客服系统来更好地管理、响应和交互客户需求。源码:kf.zxkfym.top......
  • 在.net中使用AutoMapper进行对象映射,对象相互转,简单方便
    AutoMapper是一种对象映射工具,它可以帮助我们将不同类型的数据对象之间进行相互转换。在.NET中,我们可以使用AutoMapper库来简化数据对象之间的映射操作,从而提高代码的可读性和可维护性。一、AutoMapper的安装和基本使用安装AutoMapper首先,我们需要在项目中安装AutoMapper库。......
  • uniapp+vue3中使用swiper和自定义header实现左右滑动的Tabs功能
    首先创建一个Tabs的Header,包含有一个下划线的指示器,在点击tabs的标题时候下划线会跟着动态的滑动下面是完整的Tabs的代码,可以看到定义了Tabs的background颜色样式,包含tab的宽度indicatorWidth,以及下划线的颜色indicatorColor主要的是tabList属性,通过tabList传入对应的tab数组得......
  • 解决POST表单提交报错 Content type 'application/x-www-form-urlencoded;charset=UTF
    百度发现application/x-www-form-urlencoded;charset=UTF-8是以键值对拼接的形式,即前端传过来的是键值对形式前端代码:底层使用的vue中的axios发送的请求importrequestfrom'@/utils/request'exportdefault{getTeacherList(page,limit,teacherQuery){returnreque......
  • iOS APP包分析工具
    介绍分享一款用于分析iOSipa包的脚本工具,使用此工具可以自动扫描发现可修复的包体积问题,同时可以生成包体积数据用于查看。这块工具我们团队内部已经使用很长一段时间,希望可以帮助到更多的开发同学更加效率的优化包体积问题。工具下载地址背景APPAnalyze工具最早诞生主要是为......
  • uniapp开发[Vue warn]: Unhandled error during execution of scheduler flush. This
    如下,uniapp开发nvue页面报如下警告:15:30:25.079[Vuewarn]:Unhandlederrorduringexecutionofrenderfunctionat<UniGroupclass="w710cell_groupbg_whiteborder_radius16flex_row"top="10">at<Index__pageId=1__pagePath="pages/g......