diff --git a/web/src/pages/Home.tsx b/web/src/pages/Home.tsx index 2f26186..289bdc8 100644 --- a/web/src/pages/Home.tsx +++ b/web/src/pages/Home.tsx @@ -415,7 +415,7 @@ const Home: React.FC = () => {
{statistics.answered_questions}
-
已刷
+
已刷题目
diff --git a/web/src/pages/WrongQuestions.module.less b/web/src/pages/WrongQuestions.module.less index b89c762..a3fff2e 100644 --- a/web/src/pages/WrongQuestions.module.less +++ b/web/src/pages/WrongQuestions.module.less @@ -8,25 +8,33 @@ padding: 20px; padding-bottom: 16px; background: transparent; -} + display: flex; + justify-content: center; + align-items: center; + position: relative; -.backButton { - color: #007aff; - margin-bottom: 12px; - transition: all 0.3s ease; + .backButton { + color: #007aff; + font-weight: 500; + padding: 4px 12px; + transition: all 0.3s ease; + position: absolute; + left: 20px; - &:hover { - color: #0051d5; - transform: translateX(-4px); + &:hover { + color: #0051d5; + transform: translateX(-4px); + } } -} -.title { - color: #1d1d1f !important; - margin: 0 !important; - font-size: 28px; - font-weight: 700; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.02); + .title { + color: #1d1d1f !important; + margin: 0 !important; + font-weight: 700; + font-size: 18px !important; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.02); + } } // 统计卡片容器 @@ -310,10 +318,16 @@ .header { padding: 16px; - } - .title { - font-size: 24px; + .backButton { + font-size: 14px; + padding: 4px 8px; + left: 16px; + } + + .title { + font-size: 16px !important; + } } .statsContainer { @@ -441,10 +455,10 @@ .header { padding: 32px 32px 24px; - } - .title { - font-size: 32px; + .title { + font-size: 20px !important; + } } .statsContainer { @@ -508,4 +522,10 @@ .container { max-width: 1600px; } + + .header { + .title { + font-size: 22px !important; + } + } } diff --git a/web/src/pages/WrongQuestions.tsx b/web/src/pages/WrongQuestions.tsx index 4748654..da7fbe3 100644 --- a/web/src/pages/WrongQuestions.tsx +++ b/web/src/pages/WrongQuestions.tsx @@ -2,7 +2,6 @@ import React, { useEffect, useState } from 'react' import { useNavigate } from 'react-router-dom' import { Card, List, Button, Tag, Typography, Space, message, Modal, Empty, Statistic, Progress, Select, Row, Col } from 'antd' import { - BookOutlined, CloseCircleOutlined, ArrowLeftOutlined, PlayCircleOutlined, @@ -169,8 +168,8 @@ const WrongQuestions: React.FC = () => { > 返回 - - <BookOutlined /> 错题本 + <Title level={3} className={styles.title}> + 错题本