增加腾讯视频插件

src/project/qujing/AppLegalLearning/classDetail.vue

@@ -17,13 +17,13 @@
       <div class="comment" @click="showComment = true;getComment()">
         <img src="https://cdn.cunwuyun.cn/qujing/message.png" alt="">
         <div class="comm_num">
-          <span>{{ data.msgCount || 0}}</span><span v-show="data.msgCount > 999">+</span>
+          <span>{{ data.msgCount || 0 }}</span><span v-show="data.msgCount > 999">+</span>
         </div>
       </div>
     </div>
 
     <u-popup v-model="showComment" mode="bottom" border-radius="32">
-			<h4 class="message_num">共{{ data.msgCount }}条评论</h4>
+      <h4 class="message_num">共{{ data.msgCount }}条评论</h4>
       <scroll-view scroll-y="true" @scrolltolower="scrollLower" class="comment_box" v-if="commentList.length">
         <div class="comment_card" v-for="item in commentList" :key="item.id">
           <div class="avatar">
@@ -44,10 +44,10 @@
       <div class="comm_input_btn" @click="showSend = true,showComment= false">
         <div>我来说两句...</div>
       </div>
-		</u-popup>
+    </u-popup>
 
     <u-popup v-model="showSend" mode="bottom" border-radius="32">
-			<div class="send_box">
+      <div class="send_box">
         <div class="text">
           <textarea
               @blur="height = 0"
@@ -61,7 +61,7 @@
         </div>
         <div class="send_btn" @click="sendComment">发送</div>
       </div>
-		</u-popup>
+    </u-popup>
   </div>
 </template>
 
@@ -87,64 +87,64 @@ export default {
   },
   methods: {
     getDetail() {
-      this.$instance.post(`/app/appcourseinfo/queryDetailById?id=${this.id}`).then(res=> {
-        if(res?.data) {
+      this.$instance.post(`/app/appcourseinfo/queryDetailById?id=${this.id}`).then(res => {
+        if (res?.data) {
           this.data = res.data
         }
-      }).catch(err=> this.$u.toast(err.msg))
+      }).catch(err => this.$u.toast(err.msg))
     },
     // 评论集合
     getComment() {
-      this.$instance.post(`/app/appcoursecomment/listByApplet`,null,{
+      this.$instance.post(`/app/appcoursecomment/listByApplet`, null, {
         params: {
           current: this.current,
           size: 10,
           courseId: this.data.id,
         }
-      }).then(res=> {
-        if(res?.data) {
-          this.commentList = this.current==1? res.data.records: [...this.commentList,...res.data.records]
+      }).then(res => {
+        if (res?.data) {
+          this.commentList = this.current == 1 ? res.data.records : [...this.commentList, ...res.data.records]
         }
       })
     },
     // 新增评论
     sendComment() {
-      if(this.flag) return
+      if (this.flag) return
 
-      if(!this.content) {
+      if (!this.content) {
         return this.$u.toast('请输入内容')
       }
 
       this.flag = true
-      this.$instance.post(`/app/appcoursecomment/add`,{
+      this.$instance.post(`/app/appcoursecomment/add`, {
         courseId: this.data.id,
         content: this.content,
         type: '1'
-      }).then(res=> {
-        if(res.code==0) {
+      }).then(res => {
+        if (res.code == 0) {
           this.flag = false
           this.showSend = false
           this.content = ''
           this.getComment()
           this.getDetail()
         }
-      }).catch(err=> {
+      }).catch(err => {
         this.flag = false
         this.showSend = false
         this.$u.toast(err.msg)
       })
     },
     stop() {
-      this.$instance.post(`/app/appcourseinfo/stopLearnById`,null,{
+      this.$instance.post(`/app/appcourseinfo/stopLearnById`, null, {
         params: {
           id: this.data.id,
           recordId: this.data.recordId
         }
-      }).then(res=> {
-        if(res.code==0) {
+      }).then(res => {
+        if (res.code == 0) {
           console.log(res.msg);
         }
-      }).catch(err=> this.$u.toast(err.msg))
+      }).catch(err => this.$u.toast(err.msg))
     },
     keyboard(e) {
       console.log(e.detail.height);
@@ -164,6 +164,7 @@ export default {
 .classDetail {
   padding-bottom: 140px;
   box-sizing: border-box;
+
   .media {
     img {
       width: 100%;
@@ -211,7 +212,7 @@ export default {
     box-sizing: border-box;
     display: flex;
     align-items: center;
-    
+
     .input_btn {
       width: 87%;
       height: 80px;
@@ -228,6 +229,7 @@ export default {
 
     .comment {
       position: relative;
+
       img {
         width: 48px;
         height: 48px;
@@ -251,13 +253,14 @@ export default {
     line-height: 100px;
     text-align: center;
     font-weight: 400;
-    font-size: 28rpx;
+    font-size: 28px;
     color: #333333;
   }
 
   .comment_box {
     width: 100%;
     max-height: 60vh;
+
     .comment_card {
       display: flex;
       padding: 24px 32px;
@@ -287,6 +290,7 @@ export default {
             font-size: 28px;
             color: #333333;
           }
+
           .avatar_time {
             font-weight: 400;
             font-size: 26px;
@@ -297,18 +301,20 @@ export default {
         .comm_content {
           margin-top: 8px;
           font-weight: 400;
-          font-size: 32rpx;
+          font-size: 32px;
           color: #333333;
         }
       }
     }
   }
+
   .comm_input_btn {
     width: 100%;
     height: 128px;
     background: #fff;
     padding: 24px 32px;
     box-sizing: border-box;
+
     div {
       width: 100%;
       height: 80px;
@@ -322,7 +328,7 @@ export default {
       color: #666666;
     }
   }
-  
+
 
   .send_box {
     display: flex;
@@ -330,8 +336,9 @@ export default {
     align-items: center;
     padding: 32px;
     box-sizing: border-box;
+
     .text {
-      textarea { 
+      textarea {
         background: #F4F5FA;
         border-radius: 16px;
         padding: 16px;
@@ -340,13 +347,14 @@ export default {
         width: 80vw;
       }
     }
+
     .send_btn {
       width: 80px;
       height: 80px;
       line-height: 80px;
       text-align: right;
       font-weight: 500;
-      font-size: 34rpx;
+      font-size: 34px;
       color: #2D7DFF;
     }
   }