您好,登錄后才能下訂單哦!
概述
使用Vue2進行的仿手機QQ的webapp的制作,在ui上,參考了設(shè)計師kaokao的作品,作品由個人獨立開發(fā),源碼中進行了詳細的注釋。 由于自己也是初學(xué)Vue2,所以注釋寫的不夠精簡,請見諒。
項目地址 https://github.com/jiangqizheng/vue-MiniQQ
項目已實現(xiàn)功能
注:對于那句Flux 架構(gòu)就像眼鏡:您自會知道什么時候需要它。感覺好像懂了點什么。
計劃中或者即將實現(xiàn)的功能
注:以上內(nèi)容都是經(jīng)過考慮,能夠較完美的實現(xiàn)的內(nèi)容,部分功能已經(jīng)在制作中,由于本項目是個長期的項目,所以對于后續(xù)進度感興趣的朋友也可以關(guān)注下,并且如果有想到什么好主意,歡迎告訴我。
桌面及移動端測試
動圖預(yù)覽
gif圖好像被壓縮的太多了,感興趣的可以clone后查看。
側(cè)邊欄與個人主頁
搜素組件的動畫效果
進入對話框
對話框信息
首頁Tab切換
更新說明
問題反饋
建議移步Issues,歡迎反饋項目中的不良/錯誤表現(xiàn),以及你在開發(fā)過程遇到的問題,作者會積極回復(fù)。
感謝
感謝您的來訪 ,如果對于您有幫助 ,麻煩您使勁的給個Star吧 ! ^_^
其他說明
技術(shù)棧
目錄結(jié)構(gòu)
.
├── README.md
├── build // 構(gòu)建服務(wù)和webpack配置,轉(zhuǎn)發(fā)聊天機器人以及ajax獲取用戶數(shù)據(jù)相關(guān)內(nèi)容
├── config // 項目不同環(huán)境的配置
├── dist // 項目build目錄
├── index.html // 項目入口文件
├── package.json // 項目配置文件
├── mockdata.json // 項目模擬數(shù)據(jù)
├── src
│ ├── common // 公用的css樣式
│ ├── components // 各種組件
│ ├── router // 存放路由的文件夾
│ ├── vuex // 存放Vuex的相關(guān)
│ ├── App.Vue // 模板文件入口
│ └── main.js // Webpack 預(yù)編譯入口
├── static // css js 和圖片資源
│
Build Setup
一個正在制作中的基于vue2全家桶(vue2+vue-router+vuex)的仿QQ項目,移動端webapp,持續(xù)更新中·
# 安裝 npm install # 運行(端口8888) npm run dev # 發(fā)布 npm run build
以上所述是小編給大家介紹的基于Vue2實現(xiàn)的仿手機QQ單頁面應(yīng)用功能(接入聊天機器人 ),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對億速云網(wǎng)站的支持!
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。