feat:添加直播课页面调整

src/modules/course-manage/components/AddLiveBasic.jsx

@@ -137,7 +137,13 @@ class AddLiveBasic extends React.Component {
           <span className='label'>封面图：</span>
           <span className='label'>封面图：</span>
 
 
           <div className='course-cover__wrap'>
           <div className='course-cover__wrap'>
-            <div className='opt-btns'>
+            
+            <div className='img-content'>
+              {isDefaultCover && <span className='tag'>默认图</span>}
+              <img src={coverUrl} />
+            </div>
+          </div>
+          <div className='opt-btns'>
               <Button
               <Button
                 onClick={() => {
                 onClick={() => {
                   this.setState({
                   this.setState({
@@ -151,11 +157,6 @@ class AddLiveBasic extends React.Component {
               </span>
               </span>
               <div className='tips'>建议尺寸1280*720px或16:9。封面图最大5M，支持jpg、jpeg和png。</div>
               <div className='tips'>建议尺寸1280*720px或16:9。封面图最大5M，支持jpg、jpeg和png。</div>
             </div>
             </div>
-            <div className='img-content'>
-              {isDefaultCover && <span className='tag'>默认图</span>}
-              <img src={coverUrl} />
-            </div>
-          </div>
         </div>
         </div>
         <div className='course-catalog'>
         <div className='course-catalog'>
           <span className='label'>
           <span className='label'>

src/modules/course-manage/components/AddLiveBasic.less

@@ -16,7 +16,6 @@
       position: relative;
       position: relative;
 
 
       .img-content {
       .img-content {
-        margin-top: 8px;
         margin-right: 20px;
         margin-right: 20px;
         width: 299px;
         width: 299px;
         height: 169px;
         height: 169px;
@@ -41,27 +40,26 @@
           left: 8px;
           left: 8px;
         }
         }
       }
       }
+    }
+    .opt-btns {
+      .default-btn {
+        margin-left: 14px;
+        color: #2966ff;
+        cursor: pointer;
 
 
-      .opt-btns {
-        .default-btn {
-          margin-left: 14px;
-          color: #2966ff;
-          cursor: pointer;
-
-          &.disabled {
-            color: #ccc;
-            cursor: not-allowed;
-          }
+        &.disabled {
+          color: #ccc;
+          cursor: not-allowed;
         }
         }
+      }
 
 
-        .ant-upload-list {
-          display: none;
-        }
+      .ant-upload-list {
+        display: none;
+      }
 
 
-        .tips {
-          margin-top: 8px;
-          color: #999;
-        }
+      .tips {
+        margin-top: 8px;
+        color: #999;
       }
       }
     }
     }
   }
   }

src/modules/course-manage/components/LiveModeSelect.tsx

 import React, { useState } from "react";
 import React, { useState } from "react";
-import Portal from "rc-util/lib/Portal";
 import "./LiveModeSelect.less"
 import "./LiveModeSelect.less"
 import { createPortal } from "react-dom";
 import { createPortal } from "react-dom";
 
 
@@ -11,8 +10,6 @@ interface LiveModeSelectProps {
 
 
 export default function LiveModeSelect(props: LiveModeSelectProps) {
 export default function LiveModeSelect(props: LiveModeSelectProps) {
 
 
-    const [isShow, setIsShow] = useState(props.isShow)
-
     const handleSelect0 = (e: React.MouseEvent<HTMLDivElement>)=> {
     const handleSelect0 = (e: React.MouseEvent<HTMLDivElement>)=> {
         const { onSelected } = props
         const { onSelected } = props
         onSelected(0)
         onSelected(0)
@@ -27,26 +24,26 @@ export default function LiveModeSelect(props: LiveModeSelectProps) {
 
 
     return createPortal(
     return createPortal(
         <div className={`livemode-select${props.isShow ? "":" livemode-select-none"}`}>
         <div className={`livemode-select${props.isShow ? "":" livemode-select-none"}`}>
-        <div className="dialog">
-            <div className="header">
-            <div className="title">选择直播方式</div>
-            <span className="icon iconfont close" onClick={handleClose}>&#xe6ef;</span>
-            </div>
-            <div className="content">
-            <div className="item">
-                <div className="logo xiaomai-logo"></div>
-                <div className="item-title">小麦直播</div>
-                <div className="des">通过小麦企学院“PC客户<br/>端”进行直播</div>
-                <div className="button" onClick={handleSelect0}>立即创建</div>
-            </div>
-            <div className="item">
-                <div className="logo qiwei-logo"></div>
-                <div className="item-title">企微直播</div>
-                <div className="des">通过“企业微信APP”进行<br/>直播进行直播</div>
-                <div className="button" onClick={handleSelect1}>立即创建</div>
-            </div>
+            <div className="dialog">
+                <div className="header">
+                <div className="title">选择直播方式</div>
+                <span className="icon iconfont close" onClick={handleClose}>&#xe6ef;</span>
+                </div>
+                <div className="content">
+                <div className="item">
+                    <div className="logo xiaomai-logo"></div>
+                    <div className="item-title">小麦直播</div>
+                    <div className="des">通过小麦企学院“PC客户<br/>端”进行直播</div>
+                    <div className="button" onClick={handleSelect0}>立即创建</div>
+                </div>
+                <div className="item">
+                    <div className="logo qiwei-logo"></div>
+                    <div className="item-title">企微直播</div>
+                    <div className="des">通过“企业微信APP”进行<br/>直播进行直播</div>
+                    <div className="button" onClick={handleSelect1}>立即创建</div>
+                </div>
+                </div>
             </div>
             </div>
-        </div>
         </div>,
         </div>,
         document.body
         document.body
     )
     )