mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-05 01:19:45 +08:00
32 lines
788 B
TypeScript
32 lines
788 B
TypeScript
|
import { ConfigProvider, Image } from 'antd';
|
||
|
|
import React from 'react';
|
||
|
|
|
||
|
|
const App: React.FC = () => (
|
||
|
|
<ConfigProvider
|
||
|
|
theme={{
|
||
|
|
components: {
|
||
|
|
Image: {
|
||
|
|
previewOperationSize: 20,
|
||
|
|
previewOperationColor: '#222',
|
||
|
|
previewOperationColorDisabled: '#b20000',
|
||
|
|
},
|
||
|
|
},
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<Image.PreviewGroup
|
||
|
|
preview={{ countRender: (current, total) => `当前 ${current} / 总计 ${total}` }}
|
||
|
|
>
|
||
|
|
<Image
|
||
|
|
width={150}
|
||
|
|
src="https://gw.alipayobjects.com/zos/antfincdn/aPkFc8Sj7n/method-draw-image.svg"
|
||
|
|
/>
|
||
|
|
<Image
|
||
|
|
width={150}
|
||
|
|
src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
|
||
|
|
/>
|
||
|
|
</Image.PreviewGroup>
|
||
|
|
</ConfigProvider>
|
||
|
|
);
|
||
|
|
|
||
|
|
export default App;
|