Skip to main content
Version: 3.x

CoverImage

覆盖在原生组件之上的图片视图。可覆盖的原生组件同cover-view,支持嵌套在cover-view里。

支持情况:

参考文档

类型

ComponentType<CoverImageProps>

示例代码

// 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>
)
}
}
// css
.container {
position: relative;
}
.controls {
position: absolute;
top: 50%;
left: 50%;
width: 300px;
height: 225px;
transform: translate(-50%, -50%);
}

CoverImageProps

参数类型必填说明
srcstring图标路径,支持临时路径、网络地址、云文件ID。暂不支持base64格式。
onLoadCommonEventFunction图片加载成功时触发
onErrorCommonEventFunction图片加载失败时触发

API 支持度

API微信小程序H5React Native
CoverImageProps.src✔️✔️
CoverImageProps.onLoad✔️✔️
CoverImageProps.onError✔️✔️