+
+ 介绍
+
+ }
+ name="content"
+ id={"content"}>
{
if (tags.length >= 3) {
setIsDisabled(true);
return Promise.reject(
- new Error("最多只能添加五个标签"),
+ new Error("最多只能添加三个标签"),
);
}
},
@@ -102,7 +130,11 @@ const ShareAdd: React.FunctionComponent = () => {
<>
{fields.map((field: FormListFieldData, index: number) => (
+ {"标签" + (index + 1)}
+
+ }
key={index}
id={"tags"}>
{
))}
diff --git a/src/components/Main/Share/components/ShareDetail/ShareDetail.tsx b/src/components/Main/Share/components/ShareDetail/ShareDetail.tsx
index 249c4f5..327d057 100644
--- a/src/components/Main/Share/components/ShareDetail/ShareDetail.tsx
+++ b/src/components/Main/Share/components/ShareDetail/ShareDetail.tsx
@@ -1,10 +1,16 @@
/** @format */
import React from "react";
-import { Avatar, Button, Card, Divider, Flex, Tooltip } from "antd";
+import { Avatar, Button, Card, Divider, Flex, Tag, Tooltip } from "antd";
import {
+ CommentOutlined,
ExportOutlined,
+ EyeOutlined,
+ HeartOutlined,
InfoCircleOutlined,
LeftOutlined,
+ LikeOutlined,
+ StarOutlined,
+ TagsOutlined,
WarningOutlined,
} from "@ant-design/icons";
import { useNavigate } from "react-router-dom";
@@ -13,7 +19,8 @@ import { ProCard } from "@ant-design/pro-components";
import styles from "./index.module.less";
import logo from "@/assets/icons/baiduyun.svg";
import { Typography } from "antd";
-
+import Comment from "@/components/Main/Share/components/ShareDetail/components/Comment";
+import getRandomColor from "@/constant/random-color.ts";
const { Paragraph } = Typography;
const ShareDetail: React.FunctionComponent = () => {
const navigate = useNavigate();
@@ -21,19 +28,69 @@ const ShareDetail: React.FunctionComponent = () => {
<>
- }
- onClick={() => {
- navigate("/main/share/list/1");
- }}
- />
+
+ }
+ onClick={() => {
+ navigate("/main/share/list/1");
+ }}
+ />
+
+ 办公软件分享
+
+
+
+
+
+ landaiqing
+
+
+
+
+
+ 1024
+
+
+
+
+
+ 1024
+
+
+
+ {" "}
+
+ 1024
+
+
+
+
-
- 资源描述
-
+ 资源描述
@@ -124,8 +181,30 @@ const ShareDetail: React.FunctionComponent = () => {
+
+
+
+
+
+ 测试标签
+
+
+ 测试标签
+
+
+ 测试标签
+
+
+
+
+
+
+
+
);
diff --git a/src/components/Main/Share/components/ShareDetail/components/Comment/index.module.less b/src/components/Main/Share/components/ShareDetail/components/Comment/index.module.less
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/Main/Share/components/ShareDetail/components/Comment/index.tsx b/src/components/Main/Share/components/ShareDetail/components/Comment/index.tsx
new file mode 100644
index 0000000..2ca3e2d
--- /dev/null
+++ b/src/components/Main/Share/components/ShareDetail/components/Comment/index.tsx
@@ -0,0 +1,60 @@
+/** @format */
+import { ProCard } from "@ant-design/pro-components";
+import { Avatar, Button, Flex, Input, Segmented } from "antd";
+import logo from "@/assets/icons/gitee.svg";
+import {
+ BarsOutlined,
+ FireOutlined,
+ PictureOutlined,
+ SendOutlined,
+ SmileOutlined,
+} from "@ant-design/icons";
+const Comment = () => {
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ } type={"primary"}>
+ 发表
+
+
+
+
+
+ },
+ { label: "最热", value: "Kanban", icon: },
+ ]}
+ />
+
+
+
-
+
-
+
{
scrollableTarget="scrollableDiv">
+ 分享列表
+
+ }
renderItem={(item) => (
{
vertical={false}
align={"center"}
justify={"space-between"}
- style={{ width: "250px" }}>
-
-
- landaiqing
-
-
-
- 1024
-
-
-
- 1024
-
- {" "}
-
- 1024
-
+ style={{ width: "25%" }}>
+
+
+
+ landaiqing
+
+
+
+
+
+ 1024
+
+
+
+
+
+ 1024
+
+
+
+ {" "}
+
+ 1024
+
+
diff --git a/src/components/Main/Share/components/ShareList/index.module.less b/src/components/Main/Share/components/ShareList/index.module.less
index 709256b..61c59f6 100644
--- a/src/components/Main/Share/components/ShareList/index.module.less
+++ b/src/components/Main/Share/components/ShareList/index.module.less
@@ -1,6 +1,7 @@
.share_list_main{
display: flex;
flex-direction: column;
+ min-height: 83vh;
.share_list_header{
display: flex;
flex-direction: row;
diff --git a/src/components/Main/Share/index.module.less b/src/components/Main/Share/index.module.less
index 92c5c46..48f8a6b 100644
--- a/src/components/Main/Share/index.module.less
+++ b/src/components/Main/Share/index.module.less
@@ -1,10 +1,11 @@
-.share_main{
- display: flex;
- flex-direction: column;
- .share_header{
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- align-items: center;
- }
-}
+.share_main{
+ min-height: 83vh;
+ display: flex;
+ flex-direction: column;
+ .share_header{
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ }
+}
diff --git a/src/components/Main/Share/index.tsx b/src/components/Main/Share/index.tsx
index ed76e9d..f8baf3b 100644
--- a/src/components/Main/Share/index.tsx
+++ b/src/components/Main/Share/index.tsx
@@ -2,14 +2,15 @@
import { FunctionComponent, useState } from "react";
import { ProCard } from "@ant-design/pro-components";
import styles from "./index.module.less";
-import { Avatar, Button, Card, Drawer, Flex, Form, Image, Input, Space } from "antd";
+import { Avatar, Button, Card, Drawer, Flex, FloatButton, Form, Image, Input, Space } from "antd";
-import Search from "antd/es/input/Search";
-import Meta from "antd/es/card/Meta";
import { useNavigate } from "react-router-dom";
-import background from "@/assets/images/background.png";
import TextArea from "antd/es/input/TextArea";
-import { EyeOutlined, UnorderedListOutlined } from "@ant-design/icons";
+import { EyeOutlined, PlusOutlined, UnorderedListOutlined } from "@ant-design/icons";
+import pic from "@/assets/images/background.png";
+import pic2 from "@/assets/images/setting.png";
+
+import Meta from "antd/es/card/Meta";
const MainShare: FunctionComponent = () => {
const navigate = useNavigate();
const [open, setOpen] = useState(false);
@@ -23,91 +24,90 @@ const MainShare: FunctionComponent = () => {
return (
<>
-
{
+ }
+ onClick={() => setOpen(true)}
+ />
);
};
diff --git a/src/components/Main/User/MyFavorites/index.module.less b/src/components/Main/User/MyFavorites/index.module.less
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/Main/User/MyFavorites/index.tsx b/src/components/Main/User/MyFavorites/index.tsx
new file mode 100644
index 0000000..238b074
--- /dev/null
+++ b/src/components/Main/User/MyFavorites/index.tsx
@@ -0,0 +1,131 @@
+/** @format */
+
+import { ProCard } from "@ant-design/pro-components";
+import { Avatar, Divider, Flex, List, Skeleton, Tag } from "antd";
+import { useEffect, useState } from "react";
+import InfiniteScroll from "react-infinite-scroll-component";
+import { useNavigate } from "react-router-dom";
+import { CommentOutlined, EyeOutlined, HeartOutlined } from "@ant-design/icons";
+import logo from "@/assets/icons/aliyun.svg";
+interface DataType {
+ gender: string;
+ name: {
+ title: string;
+ first: string;
+ last: string;
+ };
+ email: string;
+ picture: {
+ large: string;
+ medium: string;
+ thumbnail: string;
+ };
+ nat: string;
+}
+
+export default () => {
+ const navigate = useNavigate();
+ const [loading, setLoading] = useState(false);
+ const [data, setData] = useState([]);
+ const loadMoreData = () => {
+ if (loading) {
+ return;
+ }
+ setLoading(true);
+ fetch("https://randomuser.me/api/?results=10&inc=name,gender,email,nat,picture&noinfo")
+ .then((res) => res.json())
+ .then((body) => {
+ setData([...data, ...body.results]);
+ setLoading(false);
+ })
+ .catch(() => {
+ setLoading(false);
+ });
+ };
+
+ useEffect(() => {
+ loadMoreData();
+ }, []);
+ return (
+ <>
+
+
+ }
+ endMessage={It is all, nothing more 🤐}
+ scrollableTarget="scrollableDiv">
+ (
+
+ }
+ title={
+ <>
+ {
+ navigate("/main/share/detail/1");
+ }}>
+ {item.name.last}
+
+
+ IDM
+
+
+ }
+ description={
+ <>
+
+ {item.email}
+
+
+
+ landaiqing
+
+
+
+ 1024
+
+
+
+ 1024
+
+ {" "}
+
+ 1024
+
+
+
+
+ }
+ />
+ {/*Content
*/}
+
+ )}
+ />
+
+
+
diff --git a/src/views/Main/settings.tsx b/src/views/Main/settings.tsx
index fb227eb..c122968 100644
--- a/src/views/Main/settings.tsx
+++ b/src/views/Main/settings.tsx
@@ -73,6 +73,11 @@ export default {
name: "我的分享",
icon: "https://pic.imgdb.cn/item/668f8e5fd9c307b7e9f079bf.png",
},
+ {
+ path: "main/user/favorites",
+ name: "我的收藏",
+ icon: "https://pic.imgdb.cn/item/6690e7c0d9c307b7e9738f02.png",
+ },
],
},
],