wishpal_ironfan
/
tiefen_space_op
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

完善功能图片浏览功能

This commit is contained in:
al 2024-08-08 20:34:18 +08:00
parent ad47c28d0f
commit a02e57e404
5 changed files with 46 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/pages/CreateAndEditPost/index.jsx
View File

@ -3,7 +3,7 @@ import { Form, Input, Table, Image, Space, Button, Modal, message } from "antd";
import baseRequest from "../../utils/baseRequest";
import ImageUploader from "../../components/ImageUploader";
import VideoUploader from "../../components/VideoUploader";
import VideoPlayer from '../../components/VideoPlayer';
import VideoPlayer from "../../components/VideoPlayer";
const CreateAndEditPostContent = (props) => {
const { TextArea } = Input;
//表头
@ -37,16 +37,20 @@ const CreateAndEditPostContent = (props) => {
key: "media",
render: (data) => (
<div>
{data?.images?.map((item, index) => (
<Image
key={index}
src={item.urls[0]}
width={150}
style={{ marginBottom: 10 }}
/>
))}
<Image.PreviewGroup
items={data?.images?.map((item) => item.urls[0])}
>
{data?.images?.map((item, index) => (
<Image
key={index}
src={item.urls[0]}
width={150}
style={{ marginBottom: 10 }}
/>
))}
</Image.PreviewGroup>
{data?.videos?.map((item, index) => (
<VideoPlayer key={index} url={item.urls[0]}/>
<VideoPlayer key={index} url={item.urls[0]} />
))}
</div>
),
@ -542,7 +546,7 @@ const CreateAndEditPostContent = (props) => {
<div className="flex flex-row mt-4">
<div className="relative">
<div className="mr-auto">
<VideoPlayer url={defaultMedia.videos[0].urls[0]}/>
<VideoPlayer url={defaultMedia.videos[0].urls[0]} />
</div>
<Button
className="absolute top-0 left-0 w-full"

2
src/pages/EditSpacePost/index.jsx
View File

@ -55,9 +55,11 @@ const EditSpacePostContent = (props) => {
</div>
<p className="text-red-400">媒体：</p>
<div className="flex flex-wrap gap-1">
<Image.PreviewGroup items={data.media.images?.map((item) => item.urls[0])}>
{data.media.images.map((item, index) => (
<Image key={index} src={item.urls[0]} width={100} />
))}
</Image.PreviewGroup>
{data.media.videos.map((item, index) => (
<VideoPlayer key={index} url={item.urls[0]}/>
))}

16
src/pages/StreamerImageMachineReview/index.jsx
View File

@ -53,9 +53,11 @@ const StreamerImageMachineReviewContent = (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, index) => (
<Image key={index} src={item.urls[0]} width={100} />
))}
</Image.PreviewGroup>
</div>
),
},
@ -65,9 +67,11 @@ const StreamerImageMachineReviewContent = (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])}>
{data?.map((item, index) => (
<Image key={index} src={item.urls[0]} width={100} />
))}
</Image.PreviewGroup>
</div>
),
},

22
src/pages/TopPosts/index.jsx
View File

@ -1,7 +1,7 @@
import React, { useState, useEffect } from "react";
import { Form, Input, Table, Image, Space, Button, Modal, message } from "antd";
import baseRequest from "../../utils/baseRequest";
import VideoPlayer from '../../components/VideoPlayer';
import VideoPlayer from "../../components/VideoPlayer";
const TopPostsContent = (props) => {
//表头
const columns = [
@ -34,16 +34,18 @@ const TopPostsContent = (props) => {
key: "media",
render: (data) => (
<div>
{data?.images?.map((item, index) => (
<Image
key={index}
src={item.urls[0]}
width={150}
style={{ marginBottom: 10 }}
/>
))}
<Image.PreviewGroup items={data?.images?.map((item) => item.urls[0])}>
{data?.images?.map((item, index) => (
<Image
key={index}
src={item.urls[0]}
width={150}
style={{ marginBottom: 10 }}
/>
))}
</Image.PreviewGroup>
{data?.videos?.map((item, index) => (
<VideoPlayer key={index} url={item.urls[0]} width={150} />
<VideoPlayer key={index} url={item.urls[0]} width={150} />
))}
</div>
),

12
src/pages/ZonePostMachineReview/index.jsx
View File

@ -8,7 +8,7 @@ import {
useLocation,
} from "react-router-dom";
import baseRequest from "../../utils/baseRequest";
import VideoPlayer from '../../components/VideoPlayer';
import VideoPlayer from "../../components/VideoPlayer";
const ZonePostMachineReviewContent = (props) => {
const { TextArea } = Input;
const current = props.current;
@ -48,11 +48,13 @@ const ZonePostMachineReviewContent = (props) => {
</div>
<p className="text-red-400">媒体：</p>
<div className="flex flex-wrap gap-1">
{data.media.images.map((item, index) => (
<Image key={index} src={item.urls[0]} width={100} />
))}
<Image.PreviewGroup items={data.media.images?.map((item) => item.urls[0])}>
{data.media.images.map((item, index) => (
<Image key={index} src={item.urls[0]} width={100} />
))}
</Image.PreviewGroup>
{data.media.videos.map((item, index) => (
<VideoPlayer key={index} url={item.urls[0]} width={150} />
<VideoPlayer key={index} url={item.urls[0]} width={150} />
))}
</div>
</div>