电子书封面页没渲染出来

Question

老师: 每次启动项目，电子书封面页没渲染出来，不知道什么原因，看到问答区中有人也跟我遇到一样的问题。但是我看完后，没指出具体的解决方案。以下是我的源码，恳请老师帮忙看看。
https://github.com/liaoyuhanCSDN/vue-ebook

此外还有标题栏隐藏和显示均没有成功。

Answer 1

Sam 2020-03-20 21:03:42

您好，您的代码我调试了，有三个问题，下面逐一给您讲解：

第一个问题是需要将epubjs降级到0.3.71版本，方法：https://coding.imooc.com/learn/questiondetail/95751.html

第二个问题是，需要修改 EbookReader.vue

将

this.rendition.on('touchend', event => {
    const offsetX = event.changedTouches[0].clientX - event.changedTouches[0].clientY

改为：

this.rendition.on('touchend', event => {
    const offsetX = event.changedTouches[0].clientX - this.touchStartX

第三个问题是，需要修改 store/modules/book.js

将

const state = {
 state: {
   fileName: '',
   menuVisible: false
 }
}

改为：

const state = {
 fileName: '',
 menuVisible: false
}

全部改完后会修复两个问题：

第一是翻页功能可以正确实现

第二是标题和菜单可以正确切换

• 提问者 qq_麦田_4 #1

  感谢老师调试代码和解答疑问。但是关于epub降级后，封面还是没展示出来，后来尝试用别的电子书作为封面也没渲染出来。