技術棧

Node+express+Vue全家桶+axios+webpack

說明

   地址：https://github.com/fanxuewen/WebApp
   通過媒體查詢頁面能自適應不同裝置，專案分為兩部分 
   Server :node+express，前端需要的資料全部放在Server->data資料夾裡面
   web:CSS3+H5+Vue.js
複製程式碼

啟動

1. cd至webapp>server目錄下 npm install 安裝依賴 npm run start 啟動服務端

2. cd至webapp>web目錄下 npm install 安裝依賴 npm run serve 啟動頁面

頁面效果

1.首頁

2.圖片分享

  vue2-preview 外掛實現圖片預覽 
  mint-ui的lazyload 實現圖片懶載入 
複製程式碼

3.新聞資訊

4.手機購物