【源码】基于Vue框架的电子书Web应用

项目简介

本项目是基于Vue框架开发的电子书Web应用，具备语言与主题切换、搜索内容高亮等丰富交互功能，为用户提供良好的在线电子书阅读体验。

项目的主要特性和功能

1. 支持语言切换，满足不同语言需求。
2. 可进行主题切换，用户能按需选择页面样式。
3. 利用v-html实现搜索内容高亮，方便查找关键信息。
4. 采用mock数据模拟，便于开发和测试。
5. 支持模块化使用vuex进行状态管理。
6. 实现自定义滚动封装，优化滚动体验。
7. 提供动画叠加效果，如目录展开动画。
8. 利用vue component :is实现多个组件间的切换。

安装使用步骤

1. 确保已下载本项目的源码文件。
2. 安装项目依赖：
   • 在vue ui中安装epubjs。
   • 执行cnpm install --save-dev node-sass sass-loader@7.3.1和cnpm install node-sass@latest安装vue中sass编译环境。
   • 执行cnpm install -g @vue/devtools全局安装vue-devtools。
   • 执行cnpm i --save web-storage-cache安装localstorage工具。
   • 执行cnpm i --save vue-i18n安装语言切换插件。
   • 执行cnpm i mockjs --D安装模拟数据工具。
   • 执行cnpm install --save axios安装请求库。
   • 执行cnpm install --save localforage安装web离线存储库。
   • 执行cnpm i -S vue-create-api安装让Vue组件通过API方式调用的插件。
3. 配置环境变量：参考.env.development文件及相关文档进行配置。
4. 运行项目：在项目根目录下执行npm run serve，然后在浏览器中访问http://localhost:8080即可使用。

填坑注意事项

1. 修改Eslint配置后需重启项目才生效。
2. 新版本ESLint禁止直接调用Object.prototypes，需将getters.hasOwnProperty(key)替换为Object.prototype.hasOwnProperty.call(getters, key)。
3. epubjs版本过高可能无法执行on方法，需卸载并重装cnpm install epubjs@0.3.71。
4. 确保在main.js中引入mock/index.vue，否则无法取到数据。

待完成功能

1. 为目录增加向左滑关闭目录功能。
2. 限制书签的下滑距离。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】