9***@qq.com
9***@qq.com
  • 发布:2021-10-19 16:35
  • 更新:2023-04-19 10:24
  • 阅读:2810

#插件讨论# 【 uni-popup 弹出层 - DCloud前端团队 】原生组件无法被遮挡

分类:uni-app
关联插件: uni-popup 弹出层

由于弹窗无法统一,因此使用了uni-pop组件,但是页面发现无法覆盖video组件,这个问题怎么解决?

2021-10-19 16:35 负责人:无 分享
已邀请:

最佳回复

回梦無痕

回梦無痕 - 暂停服务

原生组件,是无法靠view覆盖的,view运行在webview,设置再大的z-index都没用。
要用subNvue自己做个弹窗,或者用插件市场的原生弹窗组件。

星河888

星河888 - 知识在于积累,关注点滴珍重!

这个一看就是层级不够,用position设置个定位,针对video和弹窗,设置的z-index弹窗的一定要高于video的,如果还是不好使,就自定义一个弹窗就好了,自定义的弹窗层级也需要高于video

DCloud_UNI_HT

DCloud_UNI_HT

目前 vue 是没啥好办法 ,可以考虑 nvue

狂暴的猴子

狂暴的猴子

这个视频缩略图,我们直接用的图片,你可以取用视频第一帧,中间再加个播放键图片,点击后在播放视频

狂暴的猴子

狂暴的猴子

这个视频缩略图,我们直接用的图片,你可以取用视频第一帧,中间再加个播放键图片,点击后在播放视频,不要用video控件去展示第一帧。

2***@qq.com

2***@qq.com - 很个性的签名~~~

插个眼

南城下了雪

南城下了雪

请问这问题有修复吗?

要回复问题请先登录注册

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容