视频播放

src/project/qujing/AppLegalLearning/classDetail.vue

@@ -1,7 +1,8 @@
 <template>
   <div class="classDetail">
-    <div>
+    <div class="media">
       <img src="./img/bg.png" alt="">
+      <!-- <video src="./img/2676.mp4" controls/> -->
     </div>
 
     <div class="title">
@@ -42,7 +43,7 @@
           <div class="comm_content">中央精神的重要讲话为我们的前进指明了方向。</div>
         </div>
       </div>
-      <div class="comm_input_btn">
+      <div class="comm_input_btn" @click="showSend = true,showComment= false">
         <div>我来说两句...</div>
       </div>
 		</u-popup>
@@ -73,9 +74,9 @@ export default {
   data() {
     return {
       showComment: false,
-      showSend: true,
+      showSend: false,
       content: '',
-
+      height: 0,
     }
   },
   methods: {
@@ -88,7 +89,21 @@ export default {
 
 <style lang="scss" scoped>
 .classDetail {
+
+  .media {
+    img {
+      width: 100%;
+      height: 420px;
+    }
+
+    video {
+      width: 100%;
+      height: 420px;
+    }
+  }
+
   .title {
+    margin-top: 30px;
     font-weight: 500;
     font-size: 46px;
     color: #222222;