Skip to content

Commit

Permalink
Update 阅读器部分开发.md
Browse files Browse the repository at this point in the history
  • Loading branch information
@ChenMingK
ChenMingK authored Jul 29, 2019
1 parent 53a2dfc commit a427ebb
Showing 1 changed file with 39 additions and 38 deletions.
77 changes: 39 additions & 38 deletions 开发文档/阅读器部分开发.md
View file
Original file line number Diff line number Diff line change
@@ -1,50 +1,51 @@
## 需求分析
<span><img src="https://github.com/ChenMingK/ImagesStore/blob/master/imgs/epubProj1.png" width=400px></span>&emsp;&emsp;&emsp;
<span><img src="https://github.com/ChenMingK/ImagesStore/blob/master/imgs/epubProj2.png" width=200px></span>
<img src="https://github.com/ChenMingK/ImagesStore/blob/master/imgs/epubProj1.png" width=400px>&emsp;
<img src="https://github.com/ChenMingK/ImagesStore/blob/master/imgs/epubProj2.png" width=200px>

- 点击阅读器主体中间部分显示菜单栏，再次点击后隐藏；点击主体左侧部分跳转到上一页，点击右侧部分跳转到下一页
- 菜单栏选项：目录/书签，进度查看及跳转，主题切换，字号/字体设置

## 代码结构

```
|-- public
|-- favicon.ico // favicon 图标
|-- index.html // webpack html 模板
|-- favicon.ico // favicon 图标
|-- index.html // webpack html 模板
|-- src
|-- api // 所有 API 请求(axios)
|-- assets // 主题、字体等静态资源、样式
|-- components // 各种组件
|-- EbookBookmark.vue // 蒙版组件
|-- EbookFooter.vue // 页脚组件
|-- EbookHeader.vue // 页眉组件
|-- EbookLoading.vue // 加载动画组件
|-- EbookMenu.vue // （下方）菜单栏组件
|-- EbookTitle.vue // 上方标题组件
|-- EbookReader.vue // 挂载电子书的组件
|-- EbookSettingFont.vue // 设置字体的组件
|-- EbookSettingFontPopup.vue // 选择字体时的弹窗组件
|-- EbookSettingProgress.vue // 显示阅读进度组件
|-- EbookSettingTheme.vue // 设置主题组件
|-- EbookSlide.vue // 目录组件
|-- EbookSlideBookmark.vue // 滚动蒙版组件
|-- EbookSlideContents.vue // 滚动内容组件
|-- lang // vue-i18n 配置(语言国际化)
|-- cn.js // 中文内容
|-- en.js // 英文内容
|-- index.js // 导出 vuei18n（main.js引入）
|-- store // vuex
|-- modules
|-- book.js // 定义阅读器部分 vuex 的 state 和 mutations
|-- action.js // 定义actions（for mapActions）
|-- getter.js // 定义getters（for mapGetters）
|-- index.js // 导出vuex（main.js引入）
|-- utils // 全局公用方法
|-- views // 视图组件(整体作为一个页面的组件)
|-- ebook
|-- index.vue // 阅读器入口
|-- App.vue // 根组件
|-- main.js // webpack 打包入口 加载组件 初始化等
|-- router.js // vue-router 定义路由
|-- api // 所有 API 请求(axios)
|-- assets // 主题、字体等静态资源、样式
|-- components // 各种组件
|-- EbookBookmark.vue // 蒙版组件
|-- EbookFooter.vue // 页脚组件
|-- EbookHeader.vue // 页眉组件
|-- EbookLoading.vue // 加载动画组件
|-- EbookMenu.vue // （下方）菜单栏组件
|-- EbookTitle.vue // 上方标题组件
|-- EbookReader.vue // 挂载电子书的组件
|-- EbookSettingFont.vue // 设置字体的组件
|-- EbookSettingFontPopup.vue // 选择字体时的弹窗组件
|-- EbookSettingProgress.vue // 显示阅读进度组件
|-- EbookSettingTheme.vue // 设置主题组件
|-- EbookSlide.vue // 目录组件
|-- EbookSlideBookmark.vue // 滚动蒙版组件
|-- EbookSlideContents.vue // 滚动内容组件
|-- lang // vue-i18n 配置(语言国际化)
|-- cn.js // 中文内容
|-- en.js // 英文内容
|-- index.js // 导出 vuei18n（main.js引入）
|-- store // vuex
|-- modules
|-- book.js // 定义阅读器部分 vuex 的 state 和 mutations
|-- action.js // 定义actions（for mapActions）
|-- getter.js // 定义getters（for mapGetters）
|-- index.js // 导出vuex（main.js引入）
|-- utils // 全局公用方法
|-- views // 视图组件(整体作为一个页面的组件)
|-- ebook
|-- index.vue // 阅读器入口
|-- App.vue // 根组件
|-- main.js // webpack 打包入口 加载组件 初始化等
|-- router.js // vue-router 定义路由
```

## 组件关系
Expand Down

0 comments on commit a427ebb

Please sign in to comment.