終于上線了~
Live Demo:https://niuyi1017.github.io/imooc/Easy-Reader/dist/index.html#/ebook (首次加載有點耗時...)
項目源碼:https://github.com/niuyi1017/imooc/tree/master/Easy-Reader
歡迎和大家一起交流學習
Live Demo:https://niuyi1017.github.io/imooc/Easy-Reader/dist/index.html#/ebook (首次加載有點耗時...)
項目源碼:https://github.com/niuyi1017/imooc/tree/master/Easy-Reader
歡迎和大家一起交流學習
講師回答 / Sam
你好,兩者的用途不同:1、main.js中引入global.scss,主要是為了載入通用樣式,sass-loader會將global.scss轉化為css載入,所以只載入了樣式部分2、Ebook.vue的style部分引入global.scss是為了引用global.scss中的function、mixin和樣式等,如果去掉global.scss的引用,那么類似px2rem()、@include這些方法就找不到引用源了,從而導致樣式加載失敗
2018-10-11
講師回答 / Sam
你好,global.scss中設定了:<...code...>這里$ratio值的設定是由用戶決定的,可以根據自己的實際需要(或者UI設計稿)進行修改這個值決定了px2rem輸出的結果,如果設定為37.5,那么px2rem(20),表...
2018-10-11
已采納回答 / Sam
你好,font-size的默認值不是37.5,而是動態計算出來的,計算公式為:屏幕寬度/10,如果屏幕寬度為400px,那么font-size為40px,從而實現了自適應布局,為了美觀,所以可以考慮設置一個font-size的上線,否則會字體過大的情況,通常建議上限設置到50-60px就可以了
2018-10-08
這里設置TitleBar和MenuBar的顯示隱藏,不用傳遞參數給子組件。直接在子組件TitleBar和MenuBar上設置v-show即可
2018-09-29
講師回答 / Sam
你好,這是一個非常好的問題,要實現這一點需要使用epubjs的高級特性:css注入,因為epubjs的實現原理是iframe,而iframe中的dom不受我們的css控制,所以必須要注入css才能實現,具體做法如下:1、在static目錄下創建一個test.css,填入以下內容:<...code...>2、在Ebook.vue的showEpub()末尾添加以下代碼:<...code...>在test.css中你可以對img的大小進行控制
2018-09-25