講師回答 / Sam
你好,兩者的用途不同:1、main.js中引入global.scss,主要是為了載入通用樣式,sass-loader會將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
你好,這是一個(gè)非常好的問題,要實(shí)現(xiàn)這一點(diǎn)需要使用epubjs的高級特性: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中你可以對img的大小進(jìn)行控制
2018-09-25