封面

src/views/TextbookDetail.vue

@@ -163,6 +163,7 @@
               @bookdetailShow="bookdetailShow"
               :bookIsBuy="bookIsBuy"
               :bookFontSize="TextbookData.font_size"
+              :pictureUrl="TextbookData.picture_url"
             ></BookView>
           </div>
           <div v-else class="Resources">

src/views/bookView.vue

@@ -16,6 +16,11 @@
           />
         </div>
       </div>
+      <el-image :src="pictureUrl" fit="scale-down" class="img_url" v-if="!chapterId&&pictureUrl">
+          <div slot="placeholder" class="image-slot">
+            <img src="../assets/common/icon-imgloading.png" />
+          </div>
+        </el-image>
       <div
         id="data-screen"
         class="inner"
@@ -119,7 +124,7 @@ export default {
     TreeView,
     Preview,
   },
-  props: ["bookId", "bookIsBuy","bookFontSize"],
+  props: ["bookId", "bookIsBuy","bookFontSize","pictureUrl"],
   data() {
     return {
       chapterId: "",
@@ -439,6 +444,10 @@ export default {
     }
   }
 }
+.img_url{
+    width: 1000px;
+    height: 700px;
+}
 </style>
 <style lang="scss">
 .title-box {