Back to Uni App

Cover Image

docs/component/cover-image.md

2.3.33.5 KB
Original Source

cover-image

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

cover-image 在uni-app x的app、web、微信小程序上,已废弃,使用 image 即可。

在其他小程序平台,某些原生组件(如map、canvas、video)不支持同层渲染,仍需要 cover-image 来覆盖。

兼容性

Web微信小程序AndroidiOSHarmonyOSHarmonyOS(Vapor)
4.04.414.534.534.61-

::: warning 注意 app 端并不是在运行时实现了 cover-image 组件,仅仅是编译器把 cover-image 编译为了 image。运行时获取到的Dom仍然是UniImageElement。 :::

属性

名称类型默认值兼容性描述
srcstring(string.ImageURIString)-Web: 4.0; 微信小程序: 4.41; Android: 4.53; iOS: 4.53; HarmonyOS: -; HarmonyOS(Vapor): -图标路径,支持临时路径、网络地址(1.6.0起支持)。暂不支持base64格式。
referrer-policystring-Web: x; 微信小程序: 4.41; Android: x; iOS: x; HarmonyOS: x; HarmonyOS(Vapor): -(string)
格式固定为 https://servicewechat.com/{appid}/{version}/page-frame.html,其中 {appid} 为小程序的 appid,{version} 为小程序的版本号,版本号为 0 表示为开发版、体验版以及审核版本,版本号为 devtools 表示为开发者工具,其余为正式版本;
@loadeventhandle-Web: 4,0; 微信小程序: 4.41; Android: 4.53; iOS: 4.53; HarmonyOS: x; HarmonyOS(Vapor): -(eventhandle)
图片加载成功时触发
@erroreventhandle-Web: 4,0; 微信小程序: 4.41; Android: 4.53; iOS: 4.53; HarmonyOS: x; HarmonyOS(Vapor): -(eventhandle)
图片加载失败时触发

referrer-policy 的属性描述

合法值兼容性描述
originWeb: x; 微信小程序: 4.41; Android: x; iOS: x; HarmonyOS: x; HarmonyOS(Vapor): -发送完整的referrer
no-referrerWeb: x; 微信小程序: 4.41; Android: x; iOS: x; HarmonyOS: x; HarmonyOS(Vapor): -不发送
<!-- UTSCOMJSON.cover-image.component_type -->

参见