字号无法改变

Question

fontSize 确实改变了，this.currentBook.rendition.themes.fontSize 方法也存在，但是就是改变不了字号大小

Answer 1

提问者 weixin_慕田峪8173282 2019-07-19 21:28:40

className肯定是有的，不止头部和菜单栏，是所有的样式都没有

• 慕粉2331556623 #1

  同学，我想问一下fontsize字体大小改变问题最终解决了吗？我也遇到了相同的问题

Answer 2

提问者 weixin_慕田峪8173282 2019-07-18 22:01:53

跟本地静态服务器一样，虽然已经link了css样式，但是并未给ebook添加任何样式

• Sam #1

  你是指标题栏和菜单栏的颜色没有随css样式变化吧？检查一下标题栏的class是不是title-wrapper，菜单栏的class是不是menu-wrapper，如果class不对，样式也是显示不出来的哟

• 提问者 weixin_慕田峪8173282 回复 Sam #2

  className肯定是有的，不止头部和菜单栏，是所有的样式都没有

• 提问者 weixin_慕田峪8173282 回复 Sam #3

  就像没有加载到一样

点开查看后面2条评论

Answer 3

Sam 2019-07-18 21:27:30

将.env.development改为：

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

然后修改EbookReader.vue第223行，改为：

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

改完后，看看样式加载的问题能否解决，如果不行我再想办法

• 提问者 weixin_慕田峪8173282 #1

  老师，已经贴图到上方了- -跟静态服务器一个样子，虽然已经link了css样式，但是并未给ebook添加任何样式

Answer 4

Sam 2019-07-18 08:58:57

关于样式未加载的问题，我特别看了下你的源码，发现目前的代码是正确的，可以看下下面这张图：

举个具体的例子：首先你加载了theme_default.css，其中包含了对.ebook这个class的样式修改，打开chrome浏览器，可以看到样式修改是成功的，整个界面的颜色和按钮、文件颜色都正确变化了，以上的截图都是用你的代码调试出来的。能具体说明一下，你觉得哪里的样式没加载出来吗？我再调试一下

• 提问者 weixin_慕田峪8173282 #1

  就是已经读取了css文件，但是没有加载出来css，在我得调试里面读取css文件的样式都是没有的，但是已经加到了头部里面了

• 提问者 weixin_慕田峪8173282 #2

  如果老师这边没找到问题就算了吧，毕竟影响不大，就是切换主题的时候样式加载不出来而已，

• Sam 回复 提问者 weixin_慕田峪8173282 #3

  我加载的是线上的资源，你要不用我的资源文件试试，我把替换方法贴到上面，你试试看能不能解决问题

Answer 5

提问者 weixin_慕田峪8173282 2019-07-18 00:28:28

按道理如果引入了css文件.ebook是有background的，但是现在确实是引入了，但是好像没加载的样子，没有background 和 color 的style

Answer 6

Sam 2019-07-18 00:21:44

你好，字体不能修改的问题解决了，加上单位就可以了：

this.currentBook.rendition.themes.fontSize(fontSize + 'px')

另一个问题没明白你的意思，我试了下，你的主题切换功能应该是ok的，字体颜色切换也是ok的

• 提问者 weixin_慕田峪8173282 #1

  在我这边好像不OK，css是引入了，但是好像没加载，

• 提问者 weixin_慕田峪8173282 #2

  我的说明在上方截图了= =

Answer 7

提问者 weixin_慕田峪8173282 2019-07-17 23:28:55

已经明确了生产主题的css文件的link,但是css没加载出来,地址也是正确的

Answer 8

Sam 2019-07-17 00:16:56

你好，方便的话把代码上传git给我调试一下

• 提问者 weixin_慕田峪8173282 #1

  你好  已经上传到https://github.com/343629302/vue_text1  ，请查看下

• 提问者 weixin_慕田峪8173282 #2

  刚刚还有个问题- -已经明确了生产主题的css文件的link,但是css没加载出来,地址也是正确的

• 提问者 weixin_慕田峪8173282 #3

  图片也上方，已经上存最新的问题文件到git上了