首页 > 编程语言 >微信小程序video高层级的解决

微信小程序video高层级的解决

时间:2022-10-27 20:32:21浏览次数:37  
标签:原生 覆盖 高层 微信 cover video 组件 view


在小程序内使用了video视频标签,底部再加上一个悬浮的Btn按钮或是页面的中间弹窗,在页面上下滑动的时候,由于video原生组件的层级太高,会把悬浮(弹窗)给覆盖掉。

像video这种原生组件层级太高,覆盖了其他内容。用z-index去调试的话,在工具上市可以解决的。

但是真机测试的时候还是没有解决该问题。

微信小程序开发文档提供的这么一个组件,cover-view。覆盖在原生组件之上的文本视图,可以覆盖的原生组件包括map、video、canvas、camera、live-player、live-pusher。

cover-view只支持嵌套cover-view、cover-image,比较特殊的button是可以在cover-view内部使用

标签:原生,覆盖,高层,微信,cover,video,组件,view
From: https://blog.51cto.com/u_12344418/5801940

相关文章

  • vue2 使用video.js
    页面内使用//外层div<divclass="video-class"v-if="isShowVideoDialog"><!--<videowidth="100%"height="100%"controls:src="playUrl"></video>--><video......
  • 【计算机视觉(CV)】基于高层API实现宝石分类
    【计算机视觉(CV)】基于高层API实现宝石分类作者简介:在校大学生一枚,华为云享专家,阿里云专家博主,腾云先锋(TDP)成员,云曦智划项目总负责人,全国高等学校计算机教学与产业实践资......
  • 微信小程序开通无感支付(微信支付分)--uni-app版
    1、打开微信支付分页面:首先需要将这个小程序绑定的商户号开通微信支付分服务,然后使用navigateTominiProgram跳转微信支付分小程序,跳转时需要传参,其中appId和path是固定的(......
  • 微信小程序之获取定位api忽然失效解决方法
    这个问题困扰了我一整天才解决,一定要写篇文章记录下,下面先讲讲遇到问题后的思路。测试提出bug:小程序获取位置信息失败了,也不会弹出授权弹框,然后我在想之前明明是好的,......
  • MASA MAUI iOS如何绑定微信
    背景MAUI的出现,赋予了广大Net开发者开发多平台应用的能力,MAUI是Xamarin.Forms演变而来,但是相比Xamarin性能更好,可扩展性更强,结构更简单。但是MAUI对于平台相关的实现并不......
  • 微信商家转账零钱
     #221027除实名制外其他功能正常<?phpdeclare(strict_types=1);namespaceApp\Logic\Point;useApp\Helper\GuzzleHttp;useApp\Kernel\Mongodb\PointMongodb;......
  • python的开源微信接口
    开源微信接口文档地址:​​https://itchat.readthedocs.io/zh/latest/​​​github地址:​​​https://github.com/littlecodersh/itchat​​如下举例:importitchatitchat.......
  • Python修改步数并同步到微信
    1.前言目前有很多可以刷步数的网站,都有在更新维护且免费,有需求或者仅在乎功能的可以看看,如下:1.https://www.17bushu.com/2.https://yd.shuabu.net/3.https://www......
  • Tauri-Vue3桌面端聊天室|tauri+vite3仿微信|tauri聊天程序EXE
    基于tauri+vue3.js+vite3跨桌面端仿微信聊天实例TauriVue3Chat。tauri-chat运用最新tauri+vue3+vite3+element-plus+v3layer等技术跨桌面端仿微信|QQ聊天程序EXE。基本实......
  • #yyds干货盘点#【愚公系列】2022年10月 微信小程序-数据绑定
    前言1.小程序页面结构微信小程序的页面结构主要是分别由四个文件组成:js(逻辑处理文件):负责页面逻辑内容的处理,遵循js语言框架。json(配置文件):用来设置页面的窗口内容,......