title: CoverImage

sidebar_label: CoverImage

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

参考文档

类型

  1. ComponentType<CoverImageProps>

示例代码

  1. class App extends Components {
  2.   render () {
  3.     return (
  4.       <Video id='myVideo' src='src'>
  5.         <CoverView class='controls'>
  6.           <CoverView class='play' onClick='play'>
  7.             <CoverImage class='img' src='src' />
  8.           </CoverView>
  9.         </CoverView>
  10.       </Video>
  11.     )
  12.   }
  13. }

CoverImageProps

参数 类型 必填 说明
src string 是 图标路径，支持临时路径、网络地址、云文件ID。暂不支持base64格式。
onLoad BaseEventOrigFunction<any> 否 图片加载成功时触发
onError BaseEventOrigFunction<any> 否 图片加载失败时触发

API 支持度

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

API 支持度

API 微信小程序 百度小程序 支付宝小程序 H5 React Native
CoverImage ✔️ ✔️ ✔️