commit 6f2ed698153c4e0286bb6b5f8fe010e5c89f6431
author San3yuan <1071987081@qq.com> Wed Apr 16 20:24:49 2025 +0800
committer San3yuan <1071987081@qq.com> Wed Apr 16 20:24:49 2025 +0800
tree 2a28405783e1be9c07b898603f24b0d6a9d15b56
parent 2534d42fa2c21e551d59a4470fe0870c94e3f00c

添加测试配置及登陆部分的测试

Change-Id: I6fa1fe23ad8773548927fdc921dceab841f2368a

src/components/selfStatus/selfStatus.tsx

diff --git a/src/components/selfStatus/selfStatus.tsx b/src/components/selfStatus/selfStatus.tsx
index 40d3ac3..be2a3bc 100644
--- a/src/components/selfStatus/selfStatus.tsx
+++ b/src/components/selfStatus/selfStatus.tsx
@@ -2,8 +2,11 @@
 import { useAppSelector } from "../../hooks/store";
 import style from "./style.module.css"
 
+interface SelfStatusProps {
+    className?: string;
+}
 
-const SelfStatus: React.FC = () => {
+const SelfStatus: React.FC<SelfStatusProps> = () => {
     const userName = useAppSelector(state => state.user.userName);
     const role = useAppSelector(state => state.user.role);
     const uploadTraffic = useAppSelector(state => state.user.uploadTraffic);
@@ -23,9 +26,11 @@
                     <p className={style.role}>角色: {role}</p>
                     <p className={style.uploadTraffic}>上传量: {uploadTraffic}</p>
                     <p className={style.downloadTraffic}>下载量: {downloadTraffic}</p>
+
                     <p className={style.shareRatio}>
                         分享率: {uploadTraffic && downloadTraffic ? (uploadTraffic / downloadTraffic).toFixed(2) : "N/A"}
                     </p>
+                    <p className={style.downloadPoints}>下载积分: {downloadPoints}</p>
                 </div>
                 <button className={style.signInButton}>签到</button>
             </div>

src/components/selfStatus/style.module.css

diff --git a/src/components/selfStatus/style.module.css b/src/components/selfStatus/style.module.css
index 4e80ece..bcf883c 100644
--- a/src/components/selfStatus/style.module.css
+++ b/src/components/selfStatus/style.module.css
@@ -8,37 +8,41 @@
     border-radius: 10px;
     background-color: #f9f9f9;
     width: 100%;
-    height: 200px; /* Adjust height as needed */
+    height: 100%; /* Adjust height as needed */
     box-sizing: border-box;
+    overflow:hidden;
 }
 
 .left {
+    border:1px solid #ccc;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: flex-start;
-    width: 20%; /* Adjust width for avatar section */
+    width: 35%; /* Adjust width for avatar section */
 }
 
 .avatar {
-    width: 80px;
-    height: 80px;
+    width: 100%;
+    height: 100%;
     border-radius: 50%;
     object-fit: cover;
     margin-bottom: 10px;
 }
 .right {
+    border:1px solid #aaa;
     display: flex;
     flex-direction: column;
-    justify-content: space-between;
+    justify-content: flex-start;
     align-items: flex-start;
-    width: 75%; /* Adjust width for info and button section */
+    width: 55%; /* Adjust width for info and button section */
 }
 
 .info {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
+    justify-content: flex-start;
     margin-bottom: 10px;
 }
 
@@ -50,6 +54,7 @@
 .role,
 .uploadTraffic,
 .downloadTraffic,
+.downloadPoints,
 .shareRatio {
     font-size: 14px;
     margin-bottom: 5px;