终于上线了~
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