Skip to content

Repository files navigation

vue手机

A Vue.js project

该项目为手机商城,整体ui仿照小米商城手机端,数据是扒的小米商城的json,不是一个纯粹的商城项目。主要目的是要熟练一下vue以及相关插件的使用,所以。。。xjbx

下面是项目部分截图。 首页

1 2
3 4

5

分类页面

6

详情页面

7 8

9 10

选择区域

11

部分效果截图

首页效果

12

列表联动

13

城市列表

14

sku选择

15

购物车页面

16

参考文章

VUE

VUE文档
VUE-Router
VUEX
Vue.js 使用 $refs 定位 DOM 出现 undefined
借助axios的拦截器实现Vue.js中登陆状态校验的思路
从概念到实际项目__vuex指北
Vue 项目里戳中你痛点的问题及解决办法

布局

flex布局
煦涵说CSS:line-clamp
深入理解 CSS 属性:touch-action,解决移动端点击事件延迟
-webkit-text-size-adjust使用汇总
iOS 与 惯性滚动
CSS Stacking Context 里那些鲜为人知的坑

算法

Sku 多维属性状态判断算法

滚动

滑向未来(现代 JavaScript 与 CSS 滚动实现指南)
better-scroll移动端滚动插件
移动端滚动穿透问题完美解决方案

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

About

vue-手机站项目

Resources

Stars

16 stars

Watchers

0 watching

Forks

Releases

Packages

Used by

Contributors

Languages