个人中心全部，模糊乱序搜索，类型筛选
Change-Id: Id635654fccccaea80bfbf4d1480abd55f7d12046
diff --git a/src/components/Personal/personalSubpage.css b/src/components/Personal/personalSubpage.css
index a8e5638..2ba8687 100644
--- a/src/components/Personal/personalSubpage.css
+++ b/src/components/Personal/personalSubpage.css
@@ -1,161 +1,336 @@
-/* 基础布局 */
-.subpage-container {
- max-width: 1200px;
- margin: 0 auto;
- padding: 20px;
- background: white;
- border-radius: 8px;
- box-shadow: 0 2px 8px rgba(0,0,0,0.1);
- }
-
- .back-button {
- background: none;
- border: none;
- color: #1890ff;
- font-size: 16px;
- cursor: pointer;
- margin-bottom: 20px;
- display: flex;
- align-items: center;
- gap: 5px;
- }
-
- .back-button:hover {
- color: #40a9ff;
- }
-
- .page-title {
- color: #333;
- border-bottom: 1px solid #f0f0f0;
- padding-bottom: 10px;
- margin-bottom: 20px;
- }
-
- /* 列表项样式 */
- .list-item {
- padding: 15px;
- border-bottom: 1px solid #f5f5f5;
- transition: background 0.3s;
- }
-
- .list-item:hover {
- background: #f9f9f9;
- }
-
- /* 表单样式 */
- .form-group {
- margin-bottom: 20px;
- }
-
- .form-label {
- display: block;
- margin-bottom: 8px;
- font-weight: 500;
- }
-
- .form-input {
- width: 100%;
- padding: 10px;
- border: 1px solid #d9d9d9;
- border-radius: 4px;
- }
-
- /* 按钮样式 */
- .action-btn {
- padding: 8px 15px;
- background: #1890ff;
- color: white;
- border: none;
- border-radius: 4px;
- cursor: pointer;
- margin-right: 10px;
- }
-
- .action-btn:hover {
- background: #40a9ff;
- }
-
- .danger-btn {
- background: #ff4d4f;
- }
-
- .danger-btn:hover {
- background: #ff7875;
- }
+/* 上传记录表格样式 */
+.uploads-table {
+ width: 100%;
+ border-collapse: collapse;
+ margin-top: 20px;
+}
- /* 收藏列表 */
-.favorite-list {
- display: flex;
- flex-direction: column;
- gap: 10px;
- }
-
- .item-header {
- margin-bottom: 8px;
- }
-
- .item-meta {
- color: #666;
- font-size: 14px;
- }
-
- .item-actions {
- display: flex;
- gap: 10px;
- margin-top: 10px;
- }
-
- /* 上传表格 */
- .uploads-table {
- width: 100%;
- border-collapse: collapse;
- }
-
- .uploads-table th, .uploads-table td {
- padding: 12px 15px;
- text-align: left;
- }
-
- .status-badge {
- padding: 4px 8px;
- border-radius: 4px;
- font-size: 12px;
- }
-
- .status-badge.published {
- background: #f6ffed;
- color: #52c41a;
- }
-
- .status-badge.pending {
- background: #fff7e6;
- color: #fa8c16;
- }
-
- /* 消息通知 */
- .notice-header {
- display: flex;
- justify-content: space-between;
- margin-bottom: 5px;
- }
-
- .notice-date {
- color: #999;
- font-size: 14px;
- }
-
- .notice-content {
- color: #666;
- margin: 0;
- }
-
- .unread {
- background: #f0f7ff;
- }
-
- /* 设置表单 */
- .form-actions {
- margin-top: 30px;
- display: flex;
- gap: 15px;
- }
\ No newline at end of file
+.uploads-table th, .uploads-table td {
+ padding: 12px 15px;
+ text-align: left;
+ border-bottom: 1px solid #e0e0e0;
+}
+
+.uploads-table th {
+ background-color: #f5f5f5;
+ font-weight: 600;
+}
+
+.list-item:hover {
+ background-color: #f9f9f9;
+}
+
+/* 操作按钮样式 */
+.action-btn {
+ padding: 6px 12px;
+ border: none;
+ border-radius: 4px;
+ cursor: pointer;
+ font-size: 14px;
+ transition: background-color 0.2s;
+}
+
+.delete-btn {
+ background-color: #ff4d4f;
+ color: white;
+}
+
+.delete-btn:hover {
+ background-color: #ff7875;
+}
+
+/* 分页控件样式 */
+.pagination {
+ margin-top: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ gap: 15px;
+}
+
+.pagination button {
+ padding: 6px 12px;
+ border: 1px solid #d9d9d9;
+ background-color: #fff;
+ border-radius: 4px;
+ cursor: pointer;
+}
+
+.pagination button:disabled {
+ color: #d9d9d9;
+ cursor: not-allowed;
+}
+
+.pagination button:not(:disabled):hover {
+ border-color: #1890ff;
+ color: #1890ff;
+}
+
+/* 分页控件样式 */
+.pagination {
+ margin-top: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ gap: 8px;
+ flex-wrap: wrap;
+}
+
+.page-nav, .page-number {
+ padding: 6px 12px;
+ border: 1px solid #d9d9d9;
+ background-color: #fff;
+ border-radius: 4px;
+ cursor: pointer;
+ min-width: 32px;
+ text-align: center;
+}
+
+.page-nav:disabled, .page-number:disabled {
+ color: #d9d9d9;
+ cursor: not-allowed;
+}
+
+.page-nav:not(:disabled):hover,
+.page-number:not(:disabled):hover {
+ border-color: #1890ff;
+ color: #1890ff;
+}
+
+.page-number.active {
+ background-color: #1890ff;
+ color: white;
+ border-color: #1890ff;
+}
+
+.ellipsis {
+ padding: 0 8px;
+}
+
+.page-info {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ margin-left: 15px;
+}
+
+.page-info input {
+ width: 50px;
+ padding: 4px;
+ border: 1px solid #d9d9d9;
+ border-radius: 4px;
+ text-align: center;
+}
+
+.page-info input:focus {
+ outline: none;
+ border-color: #1890ff;
+}
+
+/* 调整表格列宽 */
+.uploads-table th:nth-child(1),
+.uploads-table td:nth-child(1) {
+ width: 30%;
+}
+
+.uploads-table th:nth-child(2),
+.uploads-table td:nth-child(2) {
+ width: 15%;
+}
+
+.uploads-table th:nth-child(3),
+.uploads-table td:nth-child(3) {
+ width: 20%;
+}
+
+.uploads-table th:nth-child(4),
+.uploads-table td:nth-child(4) {
+ width: 15%;
+ text-align: center;
+}
+
+.uploads-table th:nth-child(5),
+.uploads-table td:nth-child(5) {
+ width: 20%;
+ text-align: center;
+}
+
+/* 兑换区样式 */
+.exchange-section {
+ margin-top: 20px;
+ padding: 20px;
+ background-color: #f9f9f9;
+ border-radius: 8px;
+}
+
+.exchange-card {
+ margin-bottom: 20px;
+ padding: 15px;
+ background-color: white;
+ border-radius: 6px;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.exchange-card h4 {
+ margin-top: 0;
+ color: #333;
+}
+
+.exchange-card p {
+ color: #666;
+ margin-bottom: 15px;
+}
+
+.exchange-btn {
+ padding: 8px 16px;
+ background-color: #1890ff;
+ color: white;
+ border: none;
+ border-radius: 4px;
+ cursor: pointer;
+ transition: background-color 0.3s;
+}
+
+.exchange-btn:hover {
+ background-color: #40a9ff;
+}
+
+.exchange-btn:disabled {
+ background-color: #d9d9d9;
+ cursor: not-allowed;
+}
+
+.exchange-input-group {
+ display: flex;
+ gap: 10px;
+ margin-top: 10px;
+}
+
+.exchange-input-group input {
+ flex: 1;
+ padding: 8px;
+ border: 1px solid #d9d9d9;
+ border-radius: 4px;
+}
+
+.invite-code-list {
+ margin-top: 20px;
+}
+
+.invite-code-list ul {
+ list-style: none;
+ padding: 0;
+}
+
+.invite-code-list li {
+ display: flex;
+ justify-content: space-between;
+ padding: 10px;
+ border-bottom: 1px solid #eee;
+}
+
+.invite-code-list .code {
+ font-family: monospace;
+}
+
+.invite-code-list .status {
+ padding: 2px 6px;
+ border-radius: 3px;
+ font-size: 12px;
+}
+
+.invite-code-list .status.available {
+ background-color: #f6ffed;
+ color: #52c41a;
+ border: 1px solid #b7eb8f;
+}
+
+.invite-code-list .status.used {
+ background-color: #fff2f0;
+ color: #ff4d4f;
+ border: 1px solid #ffccc7;
+}
+
+
+/* personalSubpage.css 中添加以下样式 */
+
+.setting-section {
+ max-width: 600px;
+ margin: 0 auto;
+ padding: 20px;
+}
+
+.user-info-card, .password-form-card {
+ background: #fff;
+ border-radius: 8px;
+ padding: 20px;
+ margin-bottom: 20px;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.info-item {
+ display: flex;
+ margin-bottom: 10px;
+}
+
+.info-item label {
+ font-weight: bold;
+ width: 100px;
+}
+
+.info-item span {
+ flex: 1;
+}
+
+.info-note {
+ color: #666;
+ font-size: 0.9em;
+ margin-top: 10px;
+}
+
+.form-group {
+ margin-bottom: 15px;
+}
+
+.form-group label {
+ display: block;
+ margin-bottom: 5px;
+ font-weight: bold;
+}
+
+.form-group input {
+ width: 100%;
+ padding: 8px;
+ border: 1px solid #ddd;
+ border-radius: 4px;
+ box-sizing: border-box;
+}
+
+.submit-button {
+ background-color: #4CAF50;
+ color: white;
+ padding: 10px 15px;
+ border: none;
+ border-radius: 4px;
+ cursor: pointer;
+ font-size: 16px;
+}
+
+.submit-button:hover {
+ background-color: #45a049;
+}
+
+.submit-button:disabled {
+ background-color: #cccccc;
+ cursor: not-allowed;
+}
+
+.error-message {
+ color: #f44336;
+ margin-bottom: 15px;
+}
+
+.success-message {
+ color: #4CAF50;
+ margin-bottom: 15px;
+}
\ No newline at end of file