From aab33715e84be06240f1f3c1f1357a16adb4b5f5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A6=BA=E7=8B=A8?= <18119604035@163.com>
Date: Thu, 16 Mar 2023 10:47:43 +0800
Subject: [PATCH] =?UTF-8?q?=E9=80=89=E6=8B=A9=E3=80=81=E4=B8=8A=E4=BC=A0?=
 =?UTF-8?q?=E5=B0=81=E9=9D=A2=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/course/compenents/create.tsx        | 11 +++-------
 .../course/compenents/update.module.less      | 22 +++++++++++++++++++
 2 files changed, 25 insertions(+), 8 deletions(-)
 create mode 100644 src/pages/course/compenents/update.module.less

diff --git a/src/pages/course/compenents/create.tsx b/src/pages/course/compenents/create.tsx
index 476078d..a7a82a7 100644
--- a/src/pages/course/compenents/create.tsx
+++ b/src/pages/course/compenents/create.tsx
@@ -41,7 +41,6 @@ export const CourseCreate: React.FC<PropInterface> = ({ open, onCancel }) => {
   const [thumb, setThumb] = useState<string>("");
   const [type, setType] = useState<string>("open");
   const [chapterType, setChapterType] = useState(0);
-  const [selThumb, setSelThumb] = useState(1);
 
   useEffect(() => {
     getParams();
@@ -154,7 +153,6 @@ export const CourseCreate: React.FC<PropInterface> = ({ open, onCancel }) => {
         onClose={onCancel}
         maskClosable={false}
         open={open}
-        bodyStyle={{ paddingBottom: 80 }}
         footer={
           <Space className="j-r-flex">
             <Button onClick={() => onCancel()}>取 消</Button>
@@ -244,12 +242,11 @@ export const CourseCreate: React.FC<PropInterface> = ({ open, onCancel }) => {
                   <div className="d-flex mb-28">
                     <div
                       className={
-                        selThumb === 1
+                        thumb === defaultThumb1
                           ? styles["thumb-item-avtive"]
                           : styles["thumb-item"]
                       }
                       onClick={() => {
-                        setSelThumb(1);
                         setThumb(defaultThumb1);
                         form.setFieldsValue({
                           thumb: defaultThumb1,
@@ -266,12 +263,11 @@ export const CourseCreate: React.FC<PropInterface> = ({ open, onCancel }) => {
                     </div>
                     <div
                       className={
-                        selThumb === 2
+                        thumb === defaultThumb2
                           ? styles["thumb-item-avtive"]
                           : styles["thumb-item"]
                       }
                       onClick={() => {
-                        setSelThumb(2);
                         setThumb(defaultThumb2);
                         form.setFieldsValue({
                           thumb: defaultThumb2,
@@ -288,12 +284,11 @@ export const CourseCreate: React.FC<PropInterface> = ({ open, onCancel }) => {
                     </div>
                     <div
                       className={
-                        selThumb === 3
+                        thumb === defaultThumb3
                           ? styles["thumb-item-avtive"]
                           : styles["thumb-item"]
                       }
                       onClick={() => {
-                        setSelThumb(3);
                         setThumb(defaultThumb3);
                         form.setFieldsValue({
                           thumb: defaultThumb3,
diff --git a/src/pages/course/compenents/update.module.less b/src/pages/course/compenents/update.module.less
new file mode 100644
index 0000000..b44cb43
--- /dev/null
+++ b/src/pages/course/compenents/update.module.less
@@ -0,0 +1,22 @@
+.thumb-item {
+  width: 80px;
+  height: 60px;
+  cursor: pointer;
+  margin-right: 8px;
+  border-radius: 6px;
+  &:last-child {
+    margin-right: 0;
+  }
+}
+
+.thumb-item-avtive {
+  width: 80px;
+  height: 60px;
+  border: 2px solid #ff4d4f;
+  cursor: pointer;
+  margin-right: 8px;
+  border-radius: 8px;
+  &:last-child {
+    margin-right: 0;
+  }
+}