終于上線了~
Live Demo：https://niuyi1017.github.io/imooc/Easy-Reader/dist/index.html#/ebook （首次加載有點(diǎn)耗時(shí)...）
項(xiàng)目源碼：https://github.com/niuyi1017/imooc/tree/master/Easy-Reader
歡迎和大家一起交流學(xué)習(xí)
Live Demo：https://niuyi1017.github.io/imooc/Easy-Reader/dist/index.html#/ebook （首次加載有點(diǎn)耗時(shí)...）
項(xiàng)目源碼：https://github.com/niuyi1017/imooc/tree/master/Easy-Reader
歡迎和大家一起交流學(xué)習(xí)
講師回答 / Sam
你好，兩者的用途不同：1、main.js中引入global.scss，主要是為了載入通用樣式，sass-loader會(huì)將global.scss轉(zhuǎn)化為css載入，所以只載入了樣式部分2、Ebook.vue的style部分引入global.scss是為了引用global.scss中的function、mixin和樣式等，如果去掉global.scss的引用，那么類似px2rem()、@include這些方法就找不到引用源了，從而導(dǎo)致樣式加載失敗
2018-10-11
講師回答 / Sam
你好，global.scss中設(shè)定了：<...code...>這里$ratio值的設(shè)定是由用戶決定的，可以根據(jù)自己的實(shí)際需要（或者UI設(shè)計(jì)稿）進(jìn)行修改這個(gè)值決定了px2rem輸出的結(jié)果，如果設(shè)定為37.5，那么px2rem(20)，表...
2018-10-11
已采納回答 / Sam
你好，font-size的默認(rèn)值不是37.5，而是動(dòng)態(tài)計(jì)算出來的，計(jì)算公式為：屏幕寬度/10，如果屏幕寬度為400px，那么font-size為40px，從而實(shí)現(xiàn)了自適應(yīng)布局，為了美觀，所以可以考慮設(shè)置一個(gè)font-size的上線，否則會(huì)字體過大的情況，通常建議上限設(shè)置到50-60px就可以了
2018-10-08
這里設(shè)置TitleBar和MenuBar的顯示隱藏，不用傳遞參數(shù)給子組件。直接在子組件TitleBar和MenuBar上設(shè)置v-show即可
2018-09-29
講師回答 / Sam
你好，這是一個(gè)非常好的問題，要實(shí)現(xiàn)這一點(diǎn)需要使用epubjs的高級(jí)特性：css注入，因?yàn)閑pubjs的實(shí)現(xiàn)原理是iframe，而iframe中的dom不受我們的css控制，所以必須要注入css才能實(shí)現(xiàn)，具體做法如下：1、在static目錄下創(chuàng)建一個(gè)test.css，填入以下內(nèi)容：<...code...>2、在Ebook.vue的showEpub()末尾添加以下代碼：<...code...>在test.css中你可以對(duì)img的大小進(jìn)行控制
2018-09-25
已采納回答 / Sam
你好，從源碼看沒什么問題，可以考慮book對(duì)象解析是否出了問題，或者其他錯(cuò)誤導(dǎo)致this.book.ready沒有觸發(fā)成功
2018-09-21
已采納回答 / Sam
你好，應(yīng)該是相對(duì)定位設(shè)置的問題，進(jìn)度條的百分比文字應(yīng)該相當(dāng)于進(jìn)度條面板進(jìn)行絕對(duì)定位
2018-09-18