【源码】基于Vue框架的仿今日头条混合开发APP

项目简介

本项目基于Vue框架，使用vue2-native开发仿今日头条的混合开发APP。利用Vue进行页面代码开发，借助cordova实现原生功能并打包成app。项目拥有20个页面，构建了涵盖文章分类、展示、阅读、推荐、搜索，以及用户登录、评论、收藏和后台文章编辑等功能的完整生态链。

项目的主要特性和功能

业务功能

• 展示启动广告页
• 提供文章阅读功能
• 支持文章搜索与热点文章呈现
• 可动态增减栏目
• 对文章进行标签标注
• 支持微信客户端登录与注销
• 实现文章的评论、点赞、收藏及微信客户端分享
• 记录阅读历史与评论历史
• 具备文章后台管理功能，包括发表、修改、删除、撤回、预览等
• 提供意见反馈功能

其他功能

• 支持下拉上滑查看更多内容
• 支持左右滑动切换栏目列表
• 点击头部可回到顶部（通过指令实现）
• 右滑返回上一页（通过指令实现）
• 视频播放具备加载、重播指示以及悬浮等特性
• 支持热更新与版本更新功能
• 具备GPS定位功能

安装使用步骤

1. 安装依赖：在项目根目录下，执行命令 npm install。
2. 本地开发：执行 npm run dev，项目将在 localhost:8084 启动并热更新。需注意，本地浏览器运行时部分用于 app 的代码（如获取设备 uuid、微信客户端登录等）无法生效；若出现灰屏，可能需检查 /app.vue 文件 beforeRouteEnter 钩子代码。
3. 生产构建：执行 npm run build，构建后的文件将生成在 docs 文件夹中。
4. 文件替换：本地运行项目时，需将项目里的 mint-ui.common.js 文件替换掉 node_modules/minit-ui/lib/mint-ui.common.js 文件，以优化下拉动作和左右滑动体验。

下载地址

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