用mpvue實現的微信小程序版cnode社區

五一放假，沒出去玩，想熟悉下vue的開發流程，又想體驗下mpvue，因而寫了個練手項目。一個用mpvue實現的cnode微信小程序版。

代碼在倉庫。歡迎各位star、fork、issue、pr。目前已經完成了百分之80的功能。我的感受這個項目仍是很是適合做爲vue和微信小程序的入門項目的。

API來自於cnode社區

預覽流程

npm install

npm run dev

//使用微信開發者工具打開dist目錄，關閉域名和https檢查便可
複製代碼

v0.0.5 修復帖子詳情滑動卡頓問題 首頁欄目切換動畫修復 部分圖標修復

v0.0.4 修復幾處樣式，添加帖子熱帖選型，發帖添加markdown預覽，通知添加一鍵已讀和點擊已讀 點贊修復。添加了一些首屏欄目切換的動畫

v0.0.3 添加掃碼登錄

v0.0.2 帖子評論框修復、通知點擊詳情跳轉修復

體驗地址

目錄結構

• src
  • pages
    • index 主頁
    • detail 帖子詳情頁
    • me 個人主頁
    • publish 發帖頁
    • notice 通知頁
    • login 登陸頁
    • user 用戶主頁
    • list 帖子列表展現頁
  • components
    • card 單一帖子頭組件
    • authorHead 做者信息頭
    • login 登陸組件
  • const.js 常量
  • utils 一些工具函數
• static 靜態圖片部分 目前已經完成了絕大部分功能，還沒有完成的功能在和遇到的問題在todo中

目前存在的問題

• markdwon的解析有點問題，該問題我已適配了一個mpvue-wemark的庫來解決了

todo

• 編輯本身發過的主題
• 部分頁面添加下拉刷新

後話：

這個項目沒有涉及到太多複雜的部分，主要到是業務邏輯的開發，對於做爲一個vue和mpvue小程序入門項目是很是合適的。因爲開發時間短，部分代碼質量和交互作得不太好。對於未完成的部分和部分未知bug歡迎各位star、提issue、提pr一塊兒來玩2333.

效果圖