修改样式

src/components/course/course-ware.vue

 <template>
   <div class="course-ware">
     <div v-show="url && loadPdf" class="canvas-box"></div>
-    <p v-show="!url" class="tip">无相关课件</p>
+    <template v-show="!url">
+      <img class="img" src="~@/images/course/empty_ware.png" alt="" />
+      <p class="tip">暂无相关课件</p>
+    </template>
   </div>
 </template>
 
@@ -58,9 +61,14 @@ export default {
         }
         const pages = await Promise.all(pageAll);
         this.parentDom.innerHTML = '';
-        for (let item of pages) {
-          this.createCanvas(item)
+        if (!this.visible && pages[0]) {
+          this.createCanvas(pages[0])
+        } else {
+          for (let item of pages) {
+            this.createCanvas(item)
+          }
         }
+
         this.loadPdf = true;
       } catch(err) {
         console.log(err)
@@ -111,10 +119,15 @@ export default {
 .course-ware{
   padding-top: 20px;
   overflow: hidden;
+  .img{
+    display: block;
+    width: 100px;
+    margin: 40px auto 5px;
+  }
   .tip{
-    font-size: 14px;
+    color: #999;
+    font-size: 12px;
     text-align: center;
-    margin-top: 50px;
   }
 }
 </style>

src/components/course/pica-video.vue

@@ -667,7 +667,7 @@ export default {
     color: #fff;
     font-size: 12px;
     right: 10px;
-    bottom: 44px;
+    bottom: 12px;
     height: 24px;
     line-height: 24px;
     padding: 0 12px 0 22px;