修改全屏

src/components/course/course-covers.vue

@@ -49,11 +49,14 @@ export default {
 .course-covers-wrapper {
   display: flex;
   flex-direction: column;
+  left: 0;
+  top: 50%;
   width: 100%;
   height: 210px;
   background: rgba(0, 0, 0, 0.8);
   justify-content: center;
   align-content: center;
+  transform: translate3d(0, -50%, 0);
   .tips {
     display: inline-block;
     margin-bottom: 15px;

src/components/course/course-ware.vue

@@ -12,7 +12,7 @@
  * GlobalWorkerOptions.workerSrc需要一个加载路径
 */
 import pdfJS from 'pdfjs-dist/es5/build/pdf';
-pdfJS.GlobalWorkerOptions.workerSrc = 'https://cdn.bootcdn.net/ajax/libs/pdf.js/2.4.456/pdf.worker.min.js';
+pdfJS.GlobalWorkerOptions.workerSrc = '//cdn.bootcdn.net/ajax/libs/pdf.js/2.4.456/pdf.worker.min.js';
 import coverImg from '@/images/course/lock-big.png';
 
 export default {
@@ -37,7 +37,6 @@ export default {
   },
   methods: {
     async drawPDF() {
-      console.log('_____url_______', this.url);
       if (!this.url) {
         return;
       }
@@ -86,7 +85,7 @@ export default {
         cover.style.height = '100%';
         cover.style.background = `url(${coverImg}) no-repeat center center`;
         cover.style.backgroundSize = '50px auto';
-        cover.style.backgroundColor = 'rgba(255, 255, 255, .8)';
+        cover.style.backgroundColor = 'rgba(255, 255, 255, .85)';
         cover.onclick = () => {
           if (!this.$store.getters.logged) {
             this.$store.dispatch('goLogin');

src/components/course/pica-video.vue

@@ -102,6 +102,10 @@ import { formatLeftTimeObj } from '@/utils';
 export default {
   name: 'pica-video',
   props: {
+    coverType: {
+      type: Number,
+      default: 0,
+    },
     download: {
       type: Function,
       default: () => {}
@@ -374,6 +378,7 @@ export default {
       this.finish = true;
       this.showReplay = true;
       this.provedOver = true;
+      this.isFullScreen = false;
     },
     // 播放结束
     onEnded() {
@@ -383,6 +388,11 @@ export default {
         this.player.style.display = 'none';
       }
       this.reportOnOff(2);
+      this.$nextTick(() => {
+        if (this.coverType > 0 && this.coverType !== 13) {
+          this.isFullScreen = false;
+        }
+      })
     },
     onError() {
       if (this.url) {

src/views/course-detail.vue

@@ -2,7 +2,7 @@
   <div class="course-detail">
     <!-- 视频 -->
     <div class="video-box">
-      <pica-video ref="picaVideo" @onVideoEnd="onVideoEnd" @onReplay="onReplay">
+      <pica-video ref="picaVideo" :coverType="coverType" @onVideoEnd="onVideoEnd" @onReplay="onReplay">
         <!-- 试看结束 -->
         <div class="cover" v-if="logged && coverType === 1">
           <course-covers coverTips="试看结束<br />请来云鹊医App学习完整课程" :isSingle="true" rightBtnText="学习完整课程" @btnClick="btnClick" />
@@ -12,7 +12,7 @@
           <course-covers coverTips="本课程为付费课程，请来云鹊医App学习" :isSingle="true" rightBtnText="去云鹊医App" @btnClick="btnClick" />
         </div>
         <!-- 下一个提示 -->
-        <div class="next-countdown" v-if="coverType === 3">3秒后播放下一节</div>
+        <div class="next-countdown" v-if="coverType === 13">3秒后播放下一节</div>
         <!-- 未学完提示 -->
         <div class="cover" v-if="logged && coverType === 4">
           <course-covers coverTips="您已学习至最后一节<br />但本课程中仍有未学完的内容" :isSingle="true" rightBtnText="继续学完本课程" @btnClick="btnClick" />
@@ -165,7 +165,7 @@ export default {
   },
   methods: {
     getCourseInfo() {
-      const { courseId = 2 } = this.$route.query;
+      const { courseId = 6 } = this.$route.query;
       const projectId = this.projectId || 797;
       this.showLoading = true;
       this.GET(`/contents/courses/${courseId}/pcCourseInfo`, { projectId }).then(res => {
@@ -386,7 +386,7 @@ export default {
           }
         } else { // 3秒后播放下一个
           let next = chapters[curtI]['lectures'][curtJ + 1] || chapters[curtI + 1]['lectures'][0];
-          this.coverType = 3;
+          this.coverType = 13;
           setTimeout(() => {
             this.selectLecture(next);
           }, 3000)