vue-miniQQ——基於Vue2實現的仿手機QQ單頁面應用（接入了聊天機器人，能夠進行正常對話）

標籤：images   右上方   font   cli   使用   pack   span   對話   href   

使用Vue2進行的仿手機QQ的webapp的製作，作品由個人獨立開發，源碼中進行了詳細的注釋。 由於自己也是初學Vue2，所以注釋寫的不夠精簡，請見諒。

項目地址 https://github.com/jiangqizheng/vue-MiniQQ

 

• 項目已實現功能

  • 對話功能——想著既然是QQ總要能進行對話交流，所以在項目中接入了圖靈聊天機器人，可以與列表中的每個人物進行對話。

  • 左滑刪除——左滑刪除相關訊息。

  • 搜尋網頁面——點擊右上方搜尋按鈕，能夠進入搜尋網頁面，輸入對應的單詞或者數字，動態尋找好友。

  • 項目中資料流動由vuex進行控制

  　　註：對於那句Flux 架構就像眼鏡：您自會知道什麼時候需要它。感覺好像懂了點什麼。

• 動態圖預覽

　　側邊欄及個人首頁

　　

 

 

　　滑動刪除

　　

　　與機器人進行對話

　　

　　搜尋介面

　　

　　tab鍵切換頁面，整體ui

　　

 

　　技術棧

• • 　　vue-cli
  • 　　vue2
  • 　　vue-router
  • 　　vuex
  • 　　axios
  • 　　stylus
  • 　　webpack2
  • 　　muse-ui

　　

　　其他說明

• • 　　由於是抱著邊寫邊學的心態，所以可能會出現些不嚴謹的地方，或者明顯的錯誤，關於這點，看到請反饋給我，十分感謝。

  • 　　從零到目前的進度，雖然功能簡單，但還是花費了不少時間，把項目上傳是希望能夠對一些同樣正在學習Vue的小夥伴有一些協助。

  • 　　由於是第一次獨立的寫較為完整的Vue項目，所以希望大家給個Star! Q.o，並且歡迎討論。

　　　　　　最後，項目地址 https://github.com/jiangqizheng/vue-MiniQQ


　　　　　　歡迎交流，希望能對vue學習中的小夥伴有一定的借鑒意義，由於是作者第一次寫較複雜的個人項目，所以代碼有不完善的地方請諒解，目前項目正在更新中，可以持續關注進度哦。

vue-miniQQ——基於Vue2實現的仿手機QQ單頁面應用（接入了聊天機器人，能夠進行正常對話）