添加多图片浏览功能
This commit is contained in:
parent
75f678ab84
commit
5ae64fcdd0
File diff suppressed because it is too large
Load Diff
|
@ -53,9 +53,16 @@ const ImageMachineReviewContent = (props) => {
|
|||
key: "newMedia",
|
||||
render: (data) => (
|
||||
<div className="flex flex-wrap gap-1">
|
||||
{data?.map((item, index) => (
|
||||
<Image key={index} src={item.urls[0]} width={100} />
|
||||
))}
|
||||
<Image.PreviewGroup items={data?.map((item) => item.urls[0])}>
|
||||
{data.map((item) => (
|
||||
<Image
|
||||
key={item.urls[0]}
|
||||
src={item.urls[0]}
|
||||
width={100}
|
||||
style={{ marginBottom: 10 }}
|
||||
/>
|
||||
))}
|
||||
</Image.PreviewGroup>
|
||||
</div>
|
||||
),
|
||||
},
|
||||
|
@ -65,9 +72,9 @@ const ImageMachineReviewContent = (props) => {
|
|||
key: "oldMedia",
|
||||
render: (data) => (
|
||||
<div className="flex flex-wrap gap-1">
|
||||
{data?.map((item, index) => (
|
||||
<Image key={index} src={item.urls[0]} width={100} />
|
||||
))}
|
||||
<Image.PreviewGroup items={data?.map((item) => item.urls[0])}>
|
||||
<Image src={data[0].urls[0]} width={100} />
|
||||
</Image.PreviewGroup>
|
||||
</div>
|
||||
),
|
||||
},
|
||||
|
|
|
@ -130,14 +130,16 @@ const StreamerInformationContent = () => {
|
|||
key: "displayGallery",
|
||||
render: (data) => (
|
||||
<div>
|
||||
{data.map((item) => (
|
||||
<Image
|
||||
key={item.urls[0]}
|
||||
src={item.urls[0]}
|
||||
width={100}
|
||||
style={{ marginBottom: 10 }}
|
||||
/>
|
||||
))}
|
||||
<Image.PreviewGroup items={data?.map((item) => item.urls[0])}>
|
||||
{data.map((item) => (
|
||||
<Image
|
||||
key={item.urls[0]}
|
||||
src={item.urls[0]}
|
||||
width={100}
|
||||
style={{ marginBottom: 10 }}
|
||||
/>
|
||||
))}
|
||||
</Image.PreviewGroup>
|
||||
</div>
|
||||
),
|
||||
};
|
||||
|
|
|
@ -112,14 +112,16 @@ const JoinContent = (props) => {
|
|||
key: "displayGallery",
|
||||
render: (data) => (
|
||||
<div>
|
||||
{data.map((item) => (
|
||||
<Image
|
||||
key={item.urls[0]}
|
||||
src={item.urls[0]}
|
||||
width={100}
|
||||
style={{ marginBottom: 10 }}
|
||||
/>
|
||||
))}
|
||||
<Image.PreviewGroup items={data?.map((item) => item.urls[0])}>
|
||||
{data.map((item) => (
|
||||
<Image
|
||||
key={item.urls[0]}
|
||||
src={item.urls[0]}
|
||||
width={100}
|
||||
style={{ marginBottom: 10 }}
|
||||
/>
|
||||
))}
|
||||
</Image.PreviewGroup>
|
||||
</div>
|
||||
),
|
||||
},
|
||||
|
|
|
@ -141,14 +141,16 @@ const JoinContent = (props) => {
|
|||
key: "displayGallery",
|
||||
render: (data) => (
|
||||
<div>
|
||||
{data.map((item) => (
|
||||
<Image
|
||||
key={item.urls[0]}
|
||||
src={item.urls[0]}
|
||||
width={100}
|
||||
style={{ marginBottom: 10 }}
|
||||
/>
|
||||
))}
|
||||
<Image.PreviewGroup items={data?.map((item) => item.urls[0])}>
|
||||
{data.map((item) => (
|
||||
<Image
|
||||
key={item.urls[0]}
|
||||
src={item.urls[0]}
|
||||
width={100}
|
||||
style={{ marginBottom: 10 }}
|
||||
/>
|
||||
))}
|
||||
</Image.PreviewGroup>
|
||||
</div>
|
||||
),
|
||||
},
|
||||
|
|
|
@ -51,14 +51,16 @@ const VerificationContent = (props) => {
|
|||
key: "ID_card_photos",
|
||||
render: (data) => (
|
||||
<div>
|
||||
{data.map((item, index) => (
|
||||
<Image
|
||||
key={index}
|
||||
className="mb-2"
|
||||
src={item.urls[0]}
|
||||
width={100}
|
||||
/>
|
||||
))}
|
||||
<Image.PreviewGroup items={data?.map((item) => item.urls[0])}>
|
||||
{data.map((item) => (
|
||||
<Image
|
||||
key={item.urls[0]}
|
||||
src={item.urls[0]}
|
||||
width={100}
|
||||
style={{ marginBottom: 10 }}
|
||||
/>
|
||||
))}
|
||||
</Image.PreviewGroup>
|
||||
</div>
|
||||
),
|
||||
},
|
||||
|
|
Loading…
Reference in New Issue