字号无法改变

来源:4-8 字体设置功能实现

weixin_慕田峪8173282

2019-07-16

图片描述

图片描述

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

写回答

8回答

weixin_慕田峪8173282

提问者

2019-07-19

//img.mukewang.com/szimg/5d31c50209760ab704040124.jpg

//img1.sycdn.imooc.com/szimg/5d31c502097a6a3704180058.jpg

//img.mukewang.com/szimg/5d31c5020993430907780271.jpg

//img1.sycdn.imooc.com/szimg/5d31c502099384ad00000000.jpg


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


0
1
慕粉2331556623
同学,我想问一下fontsize字体大小改变问题最终解决了吗?我也遇到了相同的问题
2020-03-31
共1条回复

weixin_慕田峪8173282

提问者

2019-07-18


//img.mukewang.com/szimg/5d307b82095e449413680856.jpg

//img1.sycdn.imooc.com/szimg/5d307b9609d22d9010800973.jpg

//img.mukewang.com/szimg/5d307b82099f23c210340924.jpg


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

0
5
Sam
回复
weixin_慕田峪8173282
这个问题真没想到,哈哈,我也学习了?
2019-07-21
共5条回复

Sam

2019-07-18

将.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'

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

0
1
weixin_慕田峪8173282
老师,已经贴图到上方了- -跟静态服务器一个样子,虽然已经link了css样式,但是并未给ebook添加任何样式
2019-07-18
共1条回复

Sam

2019-07-18

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

//img1.sycdn.imooc.com/szimg/5d2fc3d009fef56914981472.jpg

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

0
3
Sam
回复
weixin_慕田峪8173282
我加载的是线上的资源,你要不用我的资源文件试试,我把替换方法贴到上面,你试试看能不能解决问题
2019-07-18
共3条回复

weixin_慕田峪8173282

提问者

2019-07-18

//img.mukewang.com/szimg/5d2f4c35096e4a0704650066.jpg

//img.mukewang.com/szimg/5d2f4d3009a2869111930875.jpg//img1.sycdn.imooc.com/szimg/5d2f4c6109f5199606470169.jpg



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

0
0

Sam

2019-07-18

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

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

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

0
2
weixin_慕田峪8173282
我的说明在上方截图了= =
2019-07-18
共2条回复

weixin_慕田峪8173282

提问者

2019-07-17

//img.mukewang.com/szimg/5d2f3e9f092bf85204920075.jpg

//img1.sycdn.imooc.com/szimg/5d2f3e9f08ab608b05810822.jpg

//img.mukewang.com/szimg/5d2f3ea0092286a211930981.jpg



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

0
0

Sam

2019-07-17

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

0
3
weixin_慕田峪8173282
图片也上方,已经上存最新的问题文件到git上了
2019-07-17
共3条回复

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

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

1610 学习 · 1951 问题

查看课程