「開眼」是一款充滿設計感的精品短視訊應用。匯聚全球優質的短視訊內容,推薦創意的短視訊作品,從視覺到腦洞,帶給使用者全方位的驚喜與享受。
開眼視訊 vue 高仿版 是基於「開眼」非開放 API 、使用 Vue + Vant 框架搭建的 H5 高仿版。(後續會發布 Flutter 版本,敬請期待~)
專案原始碼: github.com/mmtou/eyepe…
線上訪問: http://47.92.146.72/eyepetizer/
預覽
開發目的
- Vue + Vant 實踐採坑
- 後面開發 Flutter 版本,做個對比
- 放假在家實在無聊?
技術棧
- 使用 Vue 作為基礎框架
漸進式 JavaScript 框架
- 使用 Vant 作為 UI 框架
輕量、可靠的移動端 Vue 元件庫
採坑
- 使用
vue-router
時,當使用路由引數方式同一個頁面跳轉時,元件的生命週期鉤子不會再被呼叫。
- 當你釋出後需要二級目錄訪問時,需要修改
router-->index.js
;修改nginx
配置
實現功能
- 首頁
- 分類查詢
- 視訊詳情
- 相關推薦
- 查詢評論
- 登入
- 評論
感謝
小工具
- carbon 一款線上 程式碼生成圖片 的工具
本地執行
git clone https://github.com/mmtou/eyepetizer_vue
cd eyepetizer_vue
npm install
npm run serve
複製程式碼
最後
只爭朝夕,不負韶華~