91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

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

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

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

贡山| 长汀县| 进贤县| 文昌市| 海口市| 建宁县| 郴州市| 梅河口市| 临漳县| 吉木乃县| 保康县| 依兰县| 越西县| 海盐县| 吕梁市| 阜阳市| 临桂县| 米林县| 宁夏| 容城县| 怀化市| 红河县| 博乐市| 伊金霍洛旗| 永年县| 永济市| 庆安县| 叶城县| 涪陵区| 古丈县| 东台市| 诸暨市| 维西| 郁南县| 巴林左旗| 青田县| 镶黄旗| 托里县| 渝中区| 吉木萨尔县| 平果县|