vue2全家桶寫的material design風格的cnode社區

vue-md-cnode社區

項目地址：點此查看
預覽地址：點此查看（使用chrome模擬手機查看）

基於vue全家桶的Material Design風格Cnode社區

儘可能接近原生App的Material Design風格，參考了Google Play，Cnode的Android客戶端。

技術棧

vue2 + vue-router2 + vuex + es6 + webpack + axios + scss + flex + vue-material

描述

• 單頁面應用：經過vue-router跳轉

• 狀態管理：使用vuex實現組件通訊，也有一些父子組件使用props通訊

• MD風格：使用vue-material組件庫來實現高仿原生md風格

• icons：使用Google官方的material design icon

• markdown編輯器：mavonEditor

• 無限滾動：vue-mugen-scroll 實現思路是滾動到底部使page加1，而後經過watch監聽page的變化，再獲取數據經過concat拼接到原列表

• 移動端適配：在head標籤經過js動態設置html標籤的font-size，配合sass的自定義函數，具體能夠參考這篇文章，使用方式好比width:100px;能夠寫成width:pr(100);

功能

• [x] 登陸

• [x] 保存登陸

• [x] 註銷

• [x] 切換分類

• [x] 主題列表

• [x] 主題詳情

• [x] 滾動加載

• [x] 發帖

• [x] 回覆

• [ ] 回覆某人

• [x] 收藏

• [x] 點贊

• [x] 我的中心

• [x] 消息

• [ ] 消息已讀

• [x] 移動端適配

• [x] 小尾巴

部分截圖