![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端项目
whi_sper-
瞎鼓捣
展开
-
微信读书项目(3)
三、阅读器–标题菜单、字号字体及主题设置功能开发3.1阅读器解析和渲染准备工作:将电子书资源文件放在resource文件夹下将App.vue中之前的测试代码移除设置div充满全屏:<style lang="scss" scoped> #app { width: 100%; height: 100%; overflow: hidden; }&l...原创 2019-07-29 09:13:39 · 996 阅读 · 0 评论 -
微信读书项目(4)
3.8 字体设置弹窗功能实现实现点击屏幕,字体设置面板消失:toggleTitleAndMenu () { if (this.menuVisible) { // 隐藏字号设置面板 this.setSettingVisible(-1) this.setFontFamilyVisible(false) // 实现点击屏幕,字体设置面板消失 } // 显示标题和...原创 2019-07-29 22:34:48 · 967 阅读 · 0 评论 -
微信读书项目记录(1)
微信读书项目记录一、项目需求及阅读器引擎介绍1.1epubjs阅读器引擎介绍,常用的类Book,完成阅读器解析Rendition,完成阅读器定位Navigation,存储目录信息View Manager,阅读器渲染视图管理EpubCFI,利用CFI标准进行文字级别的定位Theme,负责管理场景的切换Spine,指定阅读顺序和管理SectionSection,指向一个章节,全文...原创 2019-07-25 20:10:38 · 2039 阅读 · 0 评论 -
微信读书记录(2)
2.6global.scss和reset.scss首先在src/asserts/styles下建立文件global.scss文件(需要全局生效的样式写在这里面),同时在main.js中引入import './assets/styles/global.scss'与global.scss同目录下,建立reset.scss文件,此文件作为样式重置文件,写入如下代码并在global.scss中引入@i...原创 2019-07-27 14:18:56 · 993 阅读 · 0 评论