前端练手项目 蘑菇街商城
已部署到服务器
技术栈：HTML CSS JavaScript Axios Webpack Vue Vuex
UI框架：VantUI
插件：better-scroll
下面展示相应截图：
首页
首页完成功能：页面显示、滚动监听实现导航栏吸顶、数据分类分页展示(根据导航栏的选项展示不同内容、不同页数)、回到顶部按钮
导航栏吸顶
当滚动到展示商品列表时，顶部实现吸顶效果，点击对应的标题，展示不同内容，且不同标题的内容均进行了分页
回到顶部
点击回到顶部
收藏商品
实现了收藏和取消收藏功能，点击后能在'我的-我的收藏'找到相应商品
分类
左导航栏点击，展示不同的分类内容，内容点击跳转到对应页面
购物车
实现了单选、多选功能 点击支付
购物流程：加入购物车-点击支付-选择地址-生成订单-支付-订单显示
支付页
选择地址
支付
订单显示
点击订单中的 商家已发货 确认收货 实现订单状态切换
商品详情
商品轮播图、商品信息、店铺信息的展示
商品参数
商品评论
展示用户评论，后台默认只展示一条，需要点击更多获取评论
好物推荐
我的
个人主页，完成了订单页面跳转、查看收藏、修改地址功能
我的收藏
(地址页面、订单页面在上面其他功能时已展示)