運(yùn)行項(xiàng)目
- npm install
- npm run dev
項(xiàng)目展示
項(xiàng)目涉及到技術(shù)棧：
- vue：Vue矾屯、Vue-router拼岳、Vuex聋涨、Vue-cli
- 插件：vue-awesome-swiper、better-scroll Axios
- CSS的預(yù)處理框架 stylus
- api 后臺數(shù)據(jù)接口
主要特點(diǎn)
- 組件化自適應(yīng)布局
- 代碼借跪，簡潔孕惜，易維護(hù)
- 兼容大部分瀏覽器
- 性能優(yōu)化
項(xiàng)目結(jié)構(gòu)部分
Header部分
- 引入 Iconfont
- 首頁輪播
- 圖標(biāo)區(qū)域輪播
- 使用axios獲取接口數(shù)據(jù)
- 組件間數(shù)據(jù)傳遞
城市選擇頁面開發(fā)
- Better-scroll的使用和字母表布局
- eventbus 傳值
- 列表性能優(yōu)化
- 搜索邏輯實(shí)現(xiàn)
- Vuex實(shí)現(xiàn)數(shù)據(jù)共享
- LocalStorage實(shí)現(xiàn)頁面數(shù)據(jù)持久存儲
- 使用keep-alive優(yōu)化路由頁面性能
詳情頁面開發(fā)
- 動(dòng)態(tài)路由配置及banner布局
- 公用畫廊組件拆分
- 漸隱漸顯的header效果實(shí)現(xiàn)
- 遞歸組件實(shí)現(xiàn)詳情列表
- 畫廊動(dòng)畫效果封裝
