修改竞赛首页

src/military/qz2022/introduce/index.jsx

@@ -18,10 +18,12 @@ function Introduce({ qzDetail, current_user }) {
       </div>}
       <div className="introduce">
         <div className="introduce-content clearfix">
-          <div className="introduce-video"><video src={video_url} autoPlay controls muted></video></div>
-          <div className="introduce-info">
-            <RenderHtml value={content} className="info-content"/>
-          </div>
+          {/* <div className="introduce-video"> */}
+            <video className="introduce-video" src={video_url} autoPlay controls muted></video>
+          {/* </div> */}
+          {/* <div className="introduce-info"> className="info-content"*/}
+            <RenderHtml value={content} />
+          {/* </div> */}
         </div>
       </div>
     </div>

src/military/qz2022/introduce/index.scss

@@ -6,15 +6,18 @@
   width: 100%;
   height: 36.3vw;
   background-image: url("../image/introduce.png");
-  background-size: 100% 100.5%;
+  background-size: 100% 100%;
+  background-color:#f1f7fc;
+  padding-bottom: 4%;
 
   .introduce-content {
     width: 62.5%;
     height: 100%;
     margin: 0 auto;
     // padding: 2.75% 2% 5% 2.5%;
-    padding: 4.5% 2% 5% 2%;
+    padding: 2%;
     box-sizing: border-box;
+    background: #fff;
   }
   .introduce-video {
     height: 80%;
@@ -22,41 +25,47 @@
     min-width: 30%;
     max-width: 62.5%;
     float: left;
-    video {
-      width: 100%;
-      max-width: 100%;
-      max-height: 100%;
-    }
+    // video {
+    //   width: 100%;
+    //   max-width: 100%;
+    //   max-height: 100%;
+    // }
   }
 
-  .introduce-info {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    min-width: 35%;
-    min-height: 75%;
-    position: relative;
+  // .introduce-info {
+  //   // display: flex;
+  //   // flex-direction: column;
+  //   // justify-content: center;
+  //   // min-width: 35%;
+  //   // min-height: 75%;
+  //   // position: relative;
 
    
-    .manageEdit{
-      text-align: left;
-      position: absolute;
-      bottom: -36px;
-    }
-    .info-content{
-      height: 25rem;
-      // overflow-y: auto;
-    }
+  //   .manageEdit{
+  //     text-align: left;
+  //     position: absolute;
+  //     bottom: -36px;
+  //   }
+  //   // .info-content{
+  //   //   height: 25rem;
+  //   //   overflow: auto;
+  //   //   // overflow-y: auto;
+  //   // }
+    
 
-    p{
-      text-overflow: -o-ellipsis-lastline;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      display: -webkit-box;
-      -webkit-line-clamp: 14;
-      line-clamp: 14;
-      -webkit-box-orient: vertical;
-    }
+  //   p{
+  //     text-overflow: -o-ellipsis-lastline;
+  //     overflow: hidden;
+  //     text-overflow: ellipsis;
+  //     display: -webkit-box;
+  //     -webkit-line-clamp: 14;
+  //     line-clamp: 14;
+  //     -webkit-box-orient: vertical;
+  //   }
+  // }
+
+  .markdown-body{
+      overflow: visible;
   }
 
   .info-tit {