antdImag属性
时间: 2023-11-22 20:49:10 浏览: 18
根据提供的引用,antd中的Image组件有以下属性:
- src:图片的地址。
- alt:图片的替代文本。
- preview:是否开启预览模式。
- fallback:图片加载失败时显示的元素。
- width:图片的宽度。
- height:图片的高度。
- placeholder:图片加载时显示的占位符。
- blurDataURL:图片加载时显示的模糊占位符。
以下是一个antd Image组件的例子:
```jsx
import { Image } from 'antd';
<Image
width={200}
src="https://example.com/example.jpg"
alt="example"
preview={false}
fallback={<div>图片加载失败</div>}
placeholder={
<Image
preview={false}
src="https://example.com/example-placeholder.jpg"
alt="placeholder"
/>
}
blurDataURL="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJMYXllcl8xIiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiB3aWR0aD0iMTAwMCIgaGVpZ2h0PSIxMDAwIj48cGF0aCBkPSJNMTAwMCAxMDAwYy0xMDAwLTEwMDAtMTAwMC0xMDAwLTEwMDAtMTAwMGMtMTAwMC0xMDAwLTEwMDAtMTAwMC0xMDAwLTEwMDAtMTAwMCIvPjwvc3ZnPg=="
/>
```