feat: 🎸 对接了一些接口

src/components/Layout/index.jsx

@@ -16,7 +16,9 @@ const Layout = ({ children }) => {
 
   const queryLoginStudentInfo = async () => {
     const res = await getLoginStudentInfo();
-    dispatch(setStudentInfo(res));
+    if (res.success) {
+      dispatch(setStudentInfo(res.data));
+    }
   };
 
   // 初始化项目统一获取登录用户信息

src/components/Rank/index.jsx

@@ -1,41 +1,23 @@
 import { Avatar } from "@arco-design/web-react";
 import "./index.css";
 
-const Rank = ({ className }) => {
+const Rank = ({ className, data }) => {
   return (
     <div className={`module-class-rank ${className}`}>
       <p className="module-class-rank-title">班级排名</p>
+
       <ul className="module-class-rank-podium">
-        <li className="module-class-rank-podium-item2">
-          <Avatar className="module-class-rank-podium-avatar">
-            <img
-              alt="avatar"
-              src="//p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/3ee5f13fb09879ecb5185e440cef6eb9.png~tplv-uwbnlip3yd-webp.webp"
-            />
-          </Avatar>
-          <span className="module-class-rank-podium-name">你好呀</span>
-          <i className="module-class-rank-podium-icon2"></i>
-        </li>
-        <li className="module-class-rank-podium-item1">
-          <Avatar className="module-class-rank-podium-avatar">
-            <img
-              alt="avatar"
-              src="//p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/3ee5f13fb09879ecb5185e440cef6eb9.png~tplv-uwbnlip3yd-webp.webp"
-            />
-          </Avatar>
-          <span className="module-class-rank-podium-name">你好呀</span>
-          <i className="module-class-rank-podium-icon1"></i>
-        </li>
-        <li className="module-class-rank-podium-item3">
-          <Avatar className="module-class-rank-podium-avatar">
-            <img
-              alt="avatar"
-              src="//p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/3ee5f13fb09879ecb5185e440cef6eb9.png~tplv-uwbnlip3yd-webp.webp"
-            />
-          </Avatar>
-          <span className="module-class-rank-podium-name">你好呀</span>
-          <i className="module-class-rank-podium-icon3"></i>
-        </li>
+        {data?.rankings?.slice(0, 3)?.map((item) => (
+          <li className="module-class-rank-podium-item2" key={item.rank}>
+            <Avatar className="module-class-rank-podium-avatar">
+              <img alt="avatar" src={item?.avatar} />
+            </Avatar>
+            <span className="module-class-rank-podium-name">
+              {item.studentName}
+            </span>
+            <i className="module-class-rank-podium-icon2"></i>
+          </li>
+        ))}
       </ul>
       <ul className="module-class-rank-list">
         <li className="module-class-rank-list-item">