码迷,mamicode.com
首页 > 微信 > 详细

小程序 video 层级,原生组件

时间:2018-09-27 22:16:51      阅读:248      评论:0      收藏:0      [点我收藏+]

标签:分享   事件监听   html   url   apt   无法   分享图片   detail   time   

  • 原生组件的层级是最高的,所以页面中的其他组件无论设置 z-index 为多少,都无法盖在原生组件上。
    • 后插入的原生组件可以覆盖之前的原生组件。
  • 原生组件还无法在 scroll-viewswiperpicker-viewmovable-view 中使用。
  • 部分CSS样式无法应用于原生组件,例如:
    • 无法对原生组件设置 CSS 动画
    • 无法定义原生组件为 position: fixed
    • 不能在父级节点使用 overflow: hidden 来裁剪原生组件的显示区域
  • 原生组件的事件监听不能使用 bind:eventname 的写法,只支持 bindeventname。原生组件也不支持 catch 和 capture 的事件绑定方式。
  • 在iOS下,原生组件暂时不支持触摸相关事件。
  • 原生组件会遮挡 vConsole 弹出的调试面板。

意思是 video 是ios原生的组件  设置z-index是不行的

但是可以解决 

 

技术分享图片

官方为我们设置了 cover-view  这是个好东西 

我解决的办法是 

    <video initial-time="1" src="{{urlconfigs.bp_video(projectDetailsData.video)}}">
      <cover-view></cover-view>
    </video>

 把 <cover-view></cover-view>  放在video里面 就ok了

 

小程序 video 层级,原生组件

标签:分享   事件监听   html   url   apt   无法   分享图片   detail   time   

原文地址:https://www.cnblogs.com/BeautifulBoy/p/9715355.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!