中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Vue仿手機qq的實例代碼(demo)

發布時間:2020-08-24 06:56:41 來源:腳本之家 閱讀:201 作者:mrr 欄目:web開發

vue簡介

Vue.js(讀音 /vjuː/, 類似于 view) 是一套構建用戶界面的漸進式框架。
Vue 只關注視圖層, 采用自底向上增量開發的設計。
Vue 的目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件。
Vue 學習起來非常簡單,本教程基于 Vue 2.1.8 版本測試。

概述

這是一個16年9月份找的開源項目源代碼,結合自己的實際情況進行的修改項目,以后內容將會有很大的不同,項目的目標是向QQ看齊

頁面效果展示

Vue仿手機qq的實例代碼(demo)

免責聲明

本項目為開源項目,如有類同,純屬巧合。

項目已實現功能

側邊欄
聯系頁面
動態頁面
信息列表
搜索好友
對話頁面
信息列表左右滑動

新增加功能

怎加了信息獵豹的刪除,
標記可讀,
置頂

存在問題

刪除事件,置頂事件和標記事件的觸發區域發生了位移,正在排查原因,歡迎各位指教

注:項目的開發注意事項,填坑,以及技術棧等相關文章請訪問我的掘金個人主頁

桌面及移動端測試

  • 桌面測試: npm run dev 后,打開 開發者工具 F12 ,模擬手機預覽 Ctrl+Shift+M (Chrome)
  • 移動端測試: npm run dev 后,在cmd命令行中輸入ipconfig(win)獲取到局域網內ip地址

技術棧

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

目錄結構

├── README.md
 ├── build         // 構建服務和webpack配置
 ├── config        // 項目不同環境的配置
 ├── dist         // 項目build目錄
 ├── index.html      // 項目入口文件
 ├── package.json     // 項目配置文件
 ├── mockdata.json     // 項目偽數據(模擬數據)
 ├── src
 │  ├── common      // 公用的css樣式
 |  ├── components    // 各種組件
 │  ├── router      // 存放路由的文件夾
 │  ├── vuex       // 存放Vuex的相關
 │  ├── muse-ui.config.js // muse-ui單組件加載配置
 │  ├── App.Vue      // 模板文件入口
 │  └── main.js      // Webpack 預編譯入口
 ├── static        // css js 和圖片資源
# 安裝
 npm install
 # 運行(端口8888)
 npm run dev
 # 發布
 npm run build

這個是我在github上找的一個開源項目改的代碼用來練手,提高vue的開發能力的的demo

源碼地址:github地址 喜歡的話就添加個star吧 !

總結

以上所述是小編給大家介紹的Vue仿手機qq的實例代碼(demo),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

竹溪县| 三穗县| 新兴县| 阿克| 陵水| 米泉市| 宜良县| 南充市| 建始县| 仪征市| 乃东县| 青田县| 河间市| 韶关市| 股票| 金沙县| 翁牛特旗| 汉寿县| 康乐县| 大丰市| 会理县| 科尔| 通道| 杭州市| 浦城县| 仙居县| 诸城市| 田阳县| 项城市| 衢州市| 廊坊市| 达孜县| 泸定县| 新泰市| 临汾市| 洛浦县| 乐山市| 景德镇市| 阿拉善左旗| 乐昌市| 侯马市|