Image / 图片

展示图片内容。

基础的

骨架

组件在设置 width 与 height 属性后会在加载时显示骨架动画。

浏览器风格

为图片增加浏览器风格的外装饰。

反转的浏览器风格

组合

与 Display 组件组合使用。

SVG

直接渲染 SVG 字符串

APIs / 接口文档

Image.Props

属性描述类型推荐值默认
src图片地址string--
disableSkeleton禁用加载时的骨架动画boolean-false
disableAutoResize禁用等比缩放图片 (当小于指定宽度时)boolean-false
maxDelay动画持续最大时间 (毫秒)number-3000
...原生属性ImgHTMLAttributes'alt', 'className', ...-

Image.Browser.Props

属性描述类型推荐值默认
title显示标题 (当 "url" 未设置时生效)string--
url在浏览器地址栏显示链接string--
showFullLink显示完整的链接而非域名boolean-false
invert反转所有颜色boolean-false
anchorProps设置 a 的其他属性AnchorHTMLAttributes-{}
...原生属性HTMLAttributes'id', 'className', ...-
Add