Skip to main content
Version: 3.x

CoverView

覆盖在原生组件之上的文本视图。可覆盖的原生组件包括 map、video、canvas、camera、live-player、live-pusher 只支持嵌套 cover-view、cover-image,可在 cover-view 中使用 button。

支持情况:

参考文档

类型

ComponentType<CoverViewProps>

示例代码

// js
class App extends Components {
render () {
return (
<View className='container'>
<Video id='myVideo' src='src'>
<CoverView className='controls'>
<CoverView className='play' onClick='play'>
<CoverImage className='img' src='src' />
</CoverView>
</CoverView>
</Video>
</View>
)
}
}
// css
.container {
position: relative;
}
.controls {
position: absolute;
top: 50%;
left: 50%;
width: 300px;
height: 225px;
transform: translate(-50%, -50%);
}

CoverViewProps

参数类型必填说明
scrollTopnumber设置顶部滚动偏移量,仅在设置了 overflow-y: scroll 成为滚动元素后生效
markerIdstring适用于地图组件 map 的自定义气泡 customCallout
slotstring

API 支持度

API微信小程序H5React Native
CoverViewProps.scrollTop✔️
CoverViewProps.markerId✔️
CoverViewProps.slot✔️