电子书封面页没渲染出来

来源:4-5 字号设置 UI 实现

qq_麦田_4

2020-03-18

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

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

写回答

1回答

Sam

2020-03-20

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

第一个问题是需要将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
}


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

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

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

0
1
qq_麦田_4
感谢老师调试代码和解答疑问。但是关于epub降级后,封面还是没展示出来,后来尝试用别的电子书作为封面也没渲染出来。
2020-03-23
共1条回复

Vue 实战商业级读书Web APP完整项目

Vue全家桶+最新前端技术+前后端分离架构,完整项目流程

1610 学习 · 1951 问题

查看课程