From 3d38212ed9359c6c5b4eb8cebbcded16f7b541a4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A6=BA=E7=8B=A8?= <18119604035@163.com>
Date: Thu, 23 Mar 2023 18:20:42 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E5=A4=B4=E9=83=A8=E5=88=9D?=
 =?UTF-8?q?=E6=AD=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/commen/icon-medal.png     | Bin 0 -> 1734 bytes
 src/assets/images/commen/icon-mylesoon.png  | Bin 0 -> 2557 bytes
 src/assets/images/commen/icon-route.png     | Bin 0 -> 849 bytes
 src/assets/images/commen/icon-studytime.png | Bin 0 -> 4063 bytes
 src/compenents/header/index.tsx             |   2 +
 src/pages/index/index.module.scss           |  44 ++++++++++++++++++++
 src/pages/index/index.tsx                   |  26 +++++++++++-
 7 files changed, 71 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/images/commen/icon-medal.png
 create mode 100644 src/assets/images/commen/icon-mylesoon.png
 create mode 100644 src/assets/images/commen/icon-route.png
 create mode 100644 src/assets/images/commen/icon-studytime.png

diff --git a/src/assets/images/commen/icon-medal.png b/src/assets/images/commen/icon-medal.png
new file mode 100644
index 0000000000000000000000000000000000000000..01738f15ae6304dd8346d33ae3dd1441fc37163e
GIT binary patch
literal 1734
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/commen/icon-mylesoon.png b/src/assets/images/commen/icon-mylesoon.png
new file mode 100644
index 0000000000000000000000000000000000000000..57a7dab83498bc6004cb823e33848cc6ed448a3d
GIT binary patch
literal 2557
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
Thdw$T00000NkvXXu0mjf-n6(B

literal 0
HcmV?d00001

diff --git a/src/assets/images/commen/icon-route.png b/src/assets/images/commen/icon-route.png
new file mode 100644
index 0000000000000000000000000000000000000000..4ee8b8a76d1a1c2fb581bb03a725e4ed915571b8
GIT binary patch
literal 849
zcmV-X1FrmuP)<h;3K|Lk000e1NJLTq002+`000mO1^@s6fl2tm00001b5ch_0Itp)
z=>Px&3rR#lR9HvtmrrX{XB5VN&z<Q6Q?a0_h_v9pQddnXx>6hkYnhNcnNqT_(2Ad+
zP`m3Ui!N)SpFq@w3lYW{$)FbM6uN4$NmnVhT4)jRPoa`pGS1vb?oB#`7{{B5l^A>B
z@Lujc=e+0qczMq`0&qC|0q{BSD&{<akEv4mA^!LOGef||;!YwRMGOJAL7%BwJ}nQu
zw+BUaAeaa18_XA+KUWj@MFeSLT*C##r@;Ps3?dxl<#6}{aIgcQN#x@+n<q6kcJoC5
z>A}GbWV0V(9Rap?$oZl?RGdP3IR%&|Py?NSR!!CF{S-FOjf%st7cvF#VW0qHQv^R1
zpTH>~4Zykn{=r-V$|$O;TD_BEvt_5^FzmxY2$T@-0IL=m<lpkp@Fm27MH<dkZvj7n
z>k!mwy!5RuocVJJ{{AylzdN#)+=IOk<w1GiEg;kNhUV)|MWkE55pWe4$Bd(B0%<~(
z%8hOvc4OyaaU*s=4*C%TkjNVg6w7Yh$2K!XBq`Bh=@9r!U_-awQrN|J=5N4ttm_2)
z4!VQ6+ZJW-(W1d>8qk*5buN)9a%9Ni<{HGhw%|S@UPs;x#IgzKO%YSKDmOu&ByG&U
z9$YB&kjs5Y#L*{Io^Cf?33ihN9HY@VrCMz|PN)sA4Kn@~hD8WI#@>hYh|WqNkva$4
zNS7h{ifXkozbEbp$EDI%T0Vj}jCn2frYk{F{DC<^M#ohy|N6L;Qk^c3js{%0auDl%
zpa`sA35*uV;TBLqKFf|B7d1K>7sQTFDu8o6Brw1KaW@&2um^!R7rF|bwDB_eACIU%
zBaP8=nO$#xmj>G0*cT0Oe&Wg4qwGF1%471_+n4RVIdh*)BI>kU$IZ)29Z#1G@DZSe
z!Wx2HKY<2tG=S8Pv<>@}XL{<Szp#J7o<PAkk;jP|6ROqjJ<T|tI>5&T=aG@MOiyn~
z`m~5mNbx<|2dqn0Cu=X7?fIZ*w*QM=#(iPjHZ*YZejjlch)2ko)xJeA+h_LlT+^9n
bGYvfiQ>O}+!*R>u00000NkvXXu0mjf_A`jn

literal 0
HcmV?d00001

diff --git a/src/assets/images/commen/icon-studytime.png b/src/assets/images/commen/icon-studytime.png
new file mode 100644
index 0000000000000000000000000000000000000000..efa2b857b6d29283d0f0416b3db6057e9337da2f
GIT binary patch
literal 4063
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
RlMVm?002ovPDHLkV1lP`nQj08

literal 0
HcmV?d00001

diff --git a/src/compenents/header/index.tsx b/src/compenents/header/index.tsx
index 93f1dea..0f61872 100644
--- a/src/compenents/header/index.tsx
+++ b/src/compenents/header/index.tsx
@@ -20,6 +20,8 @@ export const Header: React.FC = () => {
       navigate("/login");
     } else if (key === "change_password") {
       navigate("/change-password");
+    } else if (key === "user_center") {
+      navigate("/user-center");
     }
   };
 
diff --git a/src/pages/index/index.module.scss b/src/pages/index/index.module.scss
index e69de29..0cfac35 100644
--- a/src/pages/index/index.module.scss
+++ b/src/pages/index/index.module.scss
@@ -0,0 +1,44 @@
+.top-cont {
+  width: 1200px;
+  height: auto;
+  margin: 0 auto;
+  margin-top: 50px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  .top-item {
+    width: 588px;
+    height: 132px;
+    background: #ffffff;
+    box-shadow: 0px 4px 16px 4px rgba(0, 0, 0, 0.04);
+    border-radius: 12px;
+    box-sizing: border-box;
+    padding: 24px;
+
+    .title {
+      width: 100%;
+      height: 36px;
+      display: flex;
+      align-items: center;
+      .icon {
+        width: 36px;
+        height: 36px;
+        margin-right: 16px;
+      }
+      span {
+        font-size: 20px;
+        font-weight: 600;
+        color: rgba(0, 0, 0, 0.88);
+        line-height: 36px;
+      }
+    }
+    .info {
+      margin-top: 24px;
+      width: 100%;
+      height: 24px;
+      display: flex;
+      align-items: center;
+    }
+  }
+}
diff --git a/src/pages/index/index.tsx b/src/pages/index/index.tsx
index 8dd5574..4f99438 100644
--- a/src/pages/index/index.tsx
+++ b/src/pages/index/index.tsx
@@ -1,5 +1,29 @@
+import styles from "./index.module.scss";
+import myLesoon from "../../assets/images/commen/icon-mylesoon.png";
+import studyTime from "../../assets/images/commen/icon-studytime.png";
+
 const IndexPage = () => {
-  return <>我是首页</>;
+  return (
+    <>
+      <div className={styles["top-cont"]}>
+        <div className={styles["top-item"]}>
+          <div className={styles["title"]}>
+            <img className={styles["icon"]} src={myLesoon} />
+            <span>我的课程</span>
+          </div>
+          <div className={styles["info"]}></div>
+        </div>
+        <div className={styles["top-item"]}>
+          <div className={styles["title"]}>
+            <img className={styles["icon"]} src={studyTime} />
+            <span>学习时长</span>
+          </div>
+          <div className={styles["info"]}></div>
+        </div>
+      </div>
+      我是首页
+    </>
+  );
 };
 
 export default IndexPage;