From 8a52c6cbe9bd554bf0e8319bbbb6c27110646aae Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A6=BA=E7=8B=A8?= <18119604035@163.com>
Date: Tue, 28 Mar 2023 10:17:43 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E7=BC=BA=E7=9C=81=E9=A1=B5?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/commen/empty.png     | Bin 0 -> 6199 bytes
 src/compenents/empty/index.module.scss |   4 ++++
 src/compenents/empty/index.tsx         |  12 ++++++++++++
 src/compenents/index.ts                |   1 +
 src/pages/index/index.tsx              |   5 +++--
 src/pages/latest-learn/index.tsx       |  22 +++++++++++++---------
 6 files changed, 33 insertions(+), 11 deletions(-)
 create mode 100644 src/assets/images/commen/empty.png
 create mode 100644 src/compenents/empty/index.module.scss
 create mode 100644 src/compenents/empty/index.tsx

diff --git a/src/assets/images/commen/empty.png b/src/assets/images/commen/empty.png
new file mode 100644
index 0000000000000000000000000000000000000000..5e867fa295d6212b8ac667d893c78eb39edf0d92
GIT binary patch
literal 6199
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
AKmY&$

literal 0
HcmV?d00001

diff --git a/src/compenents/empty/index.module.scss b/src/compenents/empty/index.module.scss
new file mode 100644
index 0000000..be48ad6
--- /dev/null
+++ b/src/compenents/empty/index.module.scss
@@ -0,0 +1,4 @@
+.img-box {
+  width: 100%;
+  height: auto;
+}
diff --git a/src/compenents/empty/index.tsx b/src/compenents/empty/index.tsx
new file mode 100644
index 0000000..15952a2
--- /dev/null
+++ b/src/compenents/empty/index.tsx
@@ -0,0 +1,12 @@
+import styles from "./index.module.scss";
+import React from "react";
+import { Image } from "antd";
+import empty from "../../assets/images/commen/empty.png";
+
+export const Empty: React.FC = () => {
+  return (
+    <div className={styles["img-box"]}>
+      <Image src={empty} width={400} height={400} preview={false} />
+    </div>
+  );
+};
diff --git a/src/compenents/index.ts b/src/compenents/index.ts
index f890b50..a795638 100644
--- a/src/compenents/index.ts
+++ b/src/compenents/index.ts
@@ -4,3 +4,4 @@ export * from "./no-header";
 export * from "./header";
 export * from "./change-password";
 export * from "./user-info"
+export * from "./empty"
diff --git a/src/pages/index/index.tsx b/src/pages/index/index.tsx
index 23bdda8..ca9de95 100644
--- a/src/pages/index/index.tsx
+++ b/src/pages/index/index.tsx
@@ -1,10 +1,11 @@
 import { useEffect, useState } from "react";
-import { Row, Col, Empty, Spin, Image } from "antd";
+import { Row, Col, Spin, Image } from "antd";
 import type { TabsProps } from "antd";
 import { user } from "../../api/index";
 import styles from "./index.module.scss";
 import { useSelector } from "react-redux";
 import { CoursesModel } from "./compenents/courses-model";
+import { Empty } from "../../compenents";
 import myLesoon from "../../assets/images/commen/icon-mylesoon.png";
 import studyTime from "../../assets/images/commen/icon-studytime.png";
 import iconRoute from "../../assets/images/commen/icon-route.png";
@@ -249,7 +250,7 @@ const IndexPage = () => {
           }}
         >
           <Col span={24}>
-            <Empty description="暂无课程" />
+            <Empty />
           </Col>
         </Row>
       )}
diff --git a/src/pages/latest-learn/index.tsx b/src/pages/latest-learn/index.tsx
index fb27841..5926434 100644
--- a/src/pages/latest-learn/index.tsx
+++ b/src/pages/latest-learn/index.tsx
@@ -1,7 +1,8 @@
 import React, { useState, useEffect } from "react";
 import styles from "./index.module.scss";
 import { course } from "../../api/index";
-import { Row, Col, Empty, Spin, Image, Progress } from "antd";
+import { Row, Col, Spin, Image, Progress } from "antd";
+import { Empty } from "../../compenents";
 import mediaIcon from "../../assets/images/commen/icon-medal.png";
 import { useNavigate } from "react-router-dom";
 
@@ -25,19 +26,22 @@ const LatestLearnPage = () => {
   return (
     <div>
       <div className={styles["content"]}>
-        <Row style={{ width: 1200 }}>
-          {loading && (
+        {loading && (
+          <Row style={{ width: 1200 }}>
             <div className="float-left d-j-flex mt-50">
               <Spin size="large" />
             </div>
-          )}
-          {courses.length === 0 && (
+          </Row>
+        )}
+        {!loading && courses.length === 0 && (
+          <Row style={{ width: 1200 }}>
             <Col span={24}>
-              <Empty description="暂无记录" />
+              <Empty />
             </Col>
-          )}
-        </Row>
-        {courses.length > 0 &&
+          </Row>
+        )}
+        {!loading &&
+          courses.length > 0 &&
           courses.map((item: any) => (
             <div
               key={item.course.id}