开眼视频 vue 高仿版

2,586 阅读1分钟

「开眼」是一款充满设计感的精品短视频应用。汇聚全球优质的短视频内容,推荐创意的短视频作品,从视觉到脑洞,带给用户全方位的惊喜与享受。

开眼视频 vue 高仿版 是基于「开眼」非开放 API 、使用 Vue + Vant 框架搭建的 H5 高仿版。(后续会发布 Flutter 版本,敬请期待~)

项目源码: github.com/mmtou/eyepe…
在线访问: http://47.92.146.72/eyepetizer/

预览

开发目的

  1. Vue + Vant 实践采坑
  2. 后面开发 Flutter 版本,做个对比
  3. 放假在家实在无聊😏

技术栈

  1. 使用 Vue 作为基础框架

渐进式 JavaScript 框架

  1. 使用 Vant 作为 UI 框架

轻量、可靠的移动端 Vue 组件库

采坑

  1. 使用 vue-router 时,当使用路由参数方式同一个页面跳转时,组件的生命周期钩子不会再被调用

router.vuejs.org/zh/guide/es…

  1. 当你发布后需要二级目录访问时,需要修改router-->index.js;修改nginx配置

实现功能

  • 首页
  • 分类查询
  • 视频详情
  • 相关推荐
  • 查询评论
  • 登录
  • 评论

感谢

小工具

  1. carbon 一款在线 代码生成图片 的工具

本地运行

git clone https://github.com/mmtou/eyepetizer_vue
cd eyepetizer_vue
npm install
npm run serve

最后

只争朝夕,不负韶华~