開眼視訊 vue 高仿版

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

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

開眼視訊 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
複製程式碼

最後

只爭朝夕，不負韶華~

相關文章