上传种子部分
Change-Id: I6657a3a9e57fbbab330e0844ff0b04b78fa3f2dd
diff --git a/src/components/corner/corner.module.css b/src/components/corner/corner.module.css
new file mode 100644
index 0000000..8b51c33
--- /dev/null
+++ b/src/components/corner/corner.module.css
@@ -0,0 +1,49 @@
+.container {
+ display: flex;
+ flex-direction: column; /* 纵向排列 */
+ align-items: stretch;
+ justify-content: flex-start;
+ padding: 20px;
+ border-radius: 10px;
+ background-color: var(--card-bg);
+ width: 100%;
+ height: 100%;
+ box-sizing: border-box;
+ overflow: hidden;
+}
+
+.uploadButton {
+ padding: 10px 20px;
+ font-size: 14px;
+ background-color: var(--primary-color);
+ color: var(--text-color);
+ border: none;
+ border-radius: 5px;
+ cursor: pointer;
+ margin-bottom: 20px;
+}
+
+.uploadButton:hover {
+ background-color: var(--primary-hover);
+}
+
+.filterItem {
+ display: flex;
+ flex-direction: column;
+ margin-bottom: 15px;
+ color: var(--text-color);
+}
+
+.filterItem label {
+ margin-bottom: 5px;
+ font-size: 14px;
+}
+
+.filterItem select,
+.filterItem input {
+ padding: 6px 10px;
+ border-radius: 4px;
+ border: 1px solid #ccc;
+ background-color: var(--light-color);
+ color: var(--text-color);
+}
diff --git a/src/components/corner/corner.tsx b/src/components/corner/corner.tsx
new file mode 100644
index 0000000..71dd772
--- /dev/null
+++ b/src/components/corner/corner.tsx
@@ -0,0 +1,48 @@
+// src/components/BottomRightUpload.tsx
+import React from 'react';
+import styles from './corner.module.css';
+import { useNavigate } from 'react-router';
+
+const BottomRightUpload: React.FC = () => {
+ const navigate = useNavigate();
+
+ const handleUploadClick = () => {
+ navigate('/postDetails', { state: { isNewPost: true } });
+ };
+
+ return (
+ <div className={styles.container}>
+ <button className={styles.uploadButton} onClick={handleUploadClick}>
+ 发布种子
+ </button>
+
+ <div className={styles.filterItem}>
+ <label htmlFor="category">分区：</label>
+ <select id="category">
+ <option value="all">全部</option>
+ <option value="video">视频</option>
+ <option value="music">音乐</option>
+ <option value="game">游戏</option>
+ <option value="software">软件</option>
+ </select>
+ </div>
+
+ <div className={styles.filterItem}>
+ <label htmlFor="rating">评分：</label>
+ <select id="rating">
+ <option value="all">全部</option>
+ <option value="high">高评分</option>
+ <option value="medium">中评分</option>
+ <option value="low">低评分</option>
+ </select>
+ </div>
+
+ <div className={styles.filterItem}>
+ <label htmlFor="tag">标签：</label>
+ <input type="text" id="tag" placeholder="输入标签关键词" />
+ </div>
+ </div>
+ );
+};
+
+export default BottomRightUpload;