3回答

Sam

2019-07-08

已采纳

你好，源码已经调试完了，加载全局样式文件后问题就可以解决了！一个在EbookReader.vue中：

this.display(location, () => {
  this.initTheme()
  this.initFontSize()
  this.initFontFamily()
  this.initGlobalStyle()
})

另一个在EbookSettingTheme中：

setTheme(index) {
  const theme = this.themeList[index]
  this.setDefaultTheme(theme.name).then(() => {
    this.currentBook.rendition.themes.select(this.defaultTheme)
    this.initGlobalStyle()
  })
  saveTheme(this.fileName, theme.name)
}

这两个位置的this.initGlobalStyle()你都注释掉了，取消注释后问题解决，资源文件记得下载一下，如果没有下载，可以用官网的资源：

VUE_APP_RES_URL=http://book.youbaobao.xyz/book/res
VUE_APP_EPUB_URL=http://book.youbaobao.xyz/epub

然后修改一下电子书的获取方式就行了：

initEpub() {
    const url = `${process.env.VUE_APP_EPUB_URL}/` + this.fileName + '.epub'
    // ...
}

0

1

如雨

好的，谢谢老师

2019-07-08

共1条回复

如雨

提问者

2019-07-05

这里是对应的CSS代码

0

3

Sam

回复

如雨

见上面的回复

2019-07-08

共3条回复

Sam

2019-07-05

我试了下课程提供的DEMO，在不同机型下竖线都是可以正常显示的，应该还是你css书写的问题。可以提供你的css看看

0

1

如雨

老师，CSS相关代码我贴在回答区了

2019-07-05

共1条回复