餓了麼手機版-VUE2

項目地址: https://github.com/tuihou1233...
歡迎你們star呀css

項目說明

此項目沒有使用經常使用的UI框架好比(muse-ui,mini-ui),而是遵循最簡潔原則;
使用盡可能少的css代碼完成佈局,主要是受 張鑫旭大神對於css架構的啓發,css命名不該該遵循特性,更多的應該是功能,佈局採用了flex彈性佈局,使用css3動畫,font-awesome字體圖標,js插件主要使用swiper輪播插件vue

技術棧

vue2+vuex+vue-router+axios+webpack+ES6+less+flexwebpack

項目運行

git clone https://github.com/tuihou123321/eleme-vue
cd eleme-vue
npm install
npm run dev

主要完成頁面狀況

  • [x] 選擇城市
  • [x] 搜索地址
  • [x] 訂單頁面
  • [x] 我的中心
  • [x] 個人餘額
  • [x] 個人優惠
  • [x] 個人積分
  • [x] 個人訂單
  • [x] 餓了麼會員卡
  • [x] 服務中心
  • [x] APP下載頁面
  • [x] 登錄、註冊
  • [ ] 上傳頭像
  • [ ] 商家頁面
  • [ ] 購物車功能
  • [ ] 店鋪評論頁面
  • [ ] 單個食品詳情頁
  • [ ] 定位功能
  • [ ] 搜索商店
  • [ ] 外賣首頁

主要技術點:

  • [x] 本地存儲(localstorage)
  • [x] 對異步的處理(promise)
  • [x] vue過濾器filter的使用
  • [x] common.js模塊化工具(promise)
  • [ ] 地理定位

界面展現:

圖片描述
圖片描述
圖片描述
圖片描述
圖片描述
圖片描述
integral.png
圖片描述ios

相關文章
相關標籤/搜索