小程序：cover-view的使用（覆盖原生视频之上）

          在小程序上面，添加一些按钮功能，如果想覆盖在原生的视频之上，我所使用的是小程序的<cover-view>标签，使用普通的<view>标签时，在真机上是无效的。

官方文档是这样介绍的，在cover-view里面只支持嵌套 cover-view、cover-image，可在 cover-view 中使用 button。组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)。是不支持其它view标签嵌套在cover-view里面的。

在项目中遇到的问题是

 

 <cover-view>的样式问题和显示问题有点难调，如果你添加了<cover-view>这个标签之后，可能并没有显示在界面之上。

cover的默认属性有：

cover-view {
  display:block;
  line-height:1.2;
  overflow:hidden;
  white-space:nowrap;
  pointer-events:auto;
}

        可以检查一下<cover-view>的节点和父节点的属性设置是否冲突，<cover-view>在自定义组件嵌套 <cover-view> 时，自定义组件的 slot 及其父节点暂不支持通过 wx:if 控制显隐，否则会导致 <cover-view>不显示。或者给父节点添加一个display：flex的属性，<cover-view>才会显示出来。

个人根据自己的项目所需进行调试 

 微信小程序官方文档链接：https://developers.weixin.qq.com/miniprogram/dev/component/cover-view.html#Bug-Tip