ant-design/components/image/demo/basic.md
骗你是小猫咪 e3ee4e87aa
feat: 🎉 Image component (#26296)
* feat: 🎉 Image component

* fix color

* fix style naming and sort api doc order

* remove onPreviewClose doc

* use animation-duration var

* use box and modal-mask mixins

* use box and modal-mask mixins

* improve style

* improve fallback demo src

* add cover

* improve demo

* update demo snapshots

* upgrade rc-image, naming Random -> Reload

* extract modal mask common style, and improve demo

* update snapshots

* fix less var conflict

* upgrade rc-image, adjust maxSize with dark.min.css, improve placeholder demo desc
2020-08-22 22:02:20 +08:00

404 B

order title
0
zh-CN en-US
基本用法 Basic Usage

zh-CN

单击图像可以放大显示。

en-US

Click the image to zoom in.

import { Image } from 'antd';

function ImageDemo() {
  return (
    <Image
      width={200}
      src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
    />
  );
}

ReactDOM.render(<ImageDemo />, mountNode);