小程序:cover-view的使用(覆盖原生视频之上)

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

官方文档是这样介绍的,在cover-view里面只支持嵌套 cover-viewcover-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

猜你喜欢

转载自blog.csdn.net/qq_51678620/article/details/119633400