開眼視訊 vue 高仿版

乖丨摸摸頭發表於2020-02-13

「開眼」是一款充滿設計感的精品短視訊應用。匯聚全球優質的短視訊內容,推薦創意的短視訊作品,從視覺到腦洞,帶給使用者全方位的驚喜與享受。

開眼視訊 vue 高仿版 是基於「開眼」非開放 API 、使用 Vue + Vant 框架搭建的 H5 高仿版。(後續會發布 Flutter 版本,敬請期待~)

專案原始碼: github.com/mmtou/eyepe…
線上訪問: http://47.92.146.72/eyepetizer/

預覽

開眼視訊 vue 高仿版開眼視訊 vue 高仿版開眼視訊 vue 高仿版開眼視訊 vue 高仿版開眼視訊 vue 高仿版

開發目的

  1. Vue + Vant 實踐採坑
  2. 後面開發 Flutter 版本,做個對比
  3. 放假在家實在無聊?

技術棧

  1. 使用 Vue 作為基礎框架

漸進式 JavaScript 框架

  1. 使用 Vant 作為 UI 框架

輕量、可靠的移動端 Vue 元件庫

採坑

  1. 使用 vue-router 時,當使用路由引數方式同一個頁面跳轉時,元件的生命週期鉤子不會再被呼叫開眼視訊 vue 高仿版

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

  1. 當你釋出後需要二級目錄訪問時,需要修改router-->index.js;修改nginx配置 開眼視訊 vue 高仿版開眼視訊 vue 高仿版

實現功能

  • 首頁
  • 分類查詢
  • 視訊詳情
  • 相關推薦
  • 查詢評論
  • 登入
  • 評論

感謝

小工具

  1. carbon 一款線上 程式碼生成圖片 的工具

本地執行

git clone https://github.com/mmtou/eyepetizer_vue
cd eyepetizer_vue
npm install
npm run serve
複製程式碼

最後

只爭朝夕,不負韶華~

相關文章