Skip to content

Attachments 组件中预览图片,图片未占满或溢出 #660

@ztkuaikuai

Description

@ztkuaikuai

重现步骤

  1. 进入 https://x.ant.design/components/sender-cn#sender-demo-paste-image
  2. 随便粘贴一个长宽比不属于 1:1 的图片

Image

预期行为

希望在预览图片时,图片占满内容区,保证图片居中显示且图片的短边能完全显示出来;

对齐之前版本的实现:

Image

上下文

排查了下发现是 PR #613 从之前的原生 <img> 标签换成了 antd 的 <Image> 组件,且没有应用一些预制样式,内部盒子的宽高是根据图片的宽高来的,导致了这种情况。

版本

1.1.0

您在哪些浏览器上遇到了这个问题?

Chrome

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions