fix:优化样式

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

@@ -165,8 +165,8 @@ class GraphicsEditor extends React.Component {
 
 
   render() {
   render() {
     const { editorId, textLength } = this.state;
     const { editorId, textLength } = this.state;
-    const { limitLength = 1000 } = this.props;
-    return <div className="wang-editor-container ">
+    const { limitLength = 1000, isIntro } = this.props;
+    return <div className={`graphics-editor-container${isIntro ? ' introduce' : ''}`}>
       <div className="editor-box" id={`editor${editorId}`}></div>
       <div className="editor-box" id={`editor${editorId}`}></div>
       {textLength > limitLength && <div className="editor-tips">超了{textLength - limitLength}个字</div>}
       {textLength > limitLength && <div className="editor-tips">超了{textLength - limitLength}个字</div>}
     </div>
     </div>

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

-.wang-editor-container {
+.graphics-editor-container {
   border: 1px solid #E8E8E8;
   border: 1px solid #E8E8E8;
   border-radius: 4px;
   border-radius: 4px;
-  width: 552px;
+  width: 702px;
+  height: 510px;
   position: relative;
   position: relative;
 
 
   .w-e-text p,
   .w-e-text p,
@@ -14,8 +15,8 @@
   .w-e-text pre {
   .w-e-text pre {
     margin: 0;
     margin: 0;
   }
   }
-  .w-e-menu .w-e-panel-container {
-    margin-top: 0 !important;
+  .editor-box {
+    height: 100%;
   }
   }
 
 
   .w-e-toolbar {
   .w-e-toolbar {
@@ -26,7 +27,7 @@
 
 
   .w-e-text-container {
   .w-e-text-container {
     border: none !important;
     border: none !important;
-    height: 88px !important;
+    height: ~'calc(100% - 81px)' !important;
   }
   }
 
 
   .editor-tips {
   .editor-tips {
@@ -40,4 +41,9 @@
       height: ~'calc(100vh - 81px)' !important;
       height: ~'calc(100vh - 81px)' !important;
     }
     }
   }
   }
+  &.introduce {
+    .w-e-text-container {
+      height: ~'calc(100% - 41px)' !important;
+    }
+  }
 }
 }
\ No newline at end of file

src/modules/course-manage/graphics-course/AddGraphicsCourse.jsx

@@ -300,7 +300,7 @@ class AddGraphicsCourse extends React.Component {
     const { ossUrl } = file;
     const { ossUrl } = file;
     const { courseMedia } = this.state;
     const { courseMedia } = this.state;
     this.setState({
     this.setState({
-      courseMedia: `${courseMedia}<p style="width: 100%;padding-top: 56.25%;position: relative;"><iframe style="position: absolute;width: 100%;height: 100%;top: 0;left: 0;" src="${ossUrl}" /><br><p>`
+      courseMedia: `${courseMedia}<p style="width: 100%;padding-top: 56.25%;position: relative;"><iframe style="position: absolute;width: 100%;height: 100%;top: 0;left: 0;" src="${ossUrl}" /><br/><p>`
     });
     });
   }
   }
 
 
@@ -311,7 +311,7 @@ class AddGraphicsCourse extends React.Component {
     const { ossUrl } = file;
     const { ossUrl } = file;
     const { courseMedia, introduce, isContent } = this.state;
     const { courseMedia, introduce, isContent } = this.state;
     this.setState({
     this.setState({
-      [isContent ? 'courseMedia' : 'introduce']: `${isContent ? courseMedia : introduce}<p><img style="max-width: 100%;" src="${ossUrl}" /><br><p>`
+      [isContent ? 'courseMedia' : 'introduce']: `${isContent ? courseMedia : introduce}<p><img style="max-width: 100%;" src="${ossUrl}" /><br/><p>`
     });
     });
   }
   }