# shop

**Repository Path**: sygn/shop

## Basic Information

- **Project Name**: shop
- **Description**: 一个vue移动端商城项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 1
- **Created**: 2021-08-21
- **Last Updated**: 2024-12-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, Vuex, HTML, CSS

## README

# shop
###  预览
http://sygn.gitee.io/supermall
#### 介绍
一个vue移动端商城项目，使用vue
学习前端以来算是第一个项目吧，跟着b站上coderwhy老师的视频写的，基本上每个页面都大概实现了，可能还存在一些小bug
#### 软件架构
首页包括导航栏，轮播图，商品展示，tab选项卡等几个子组件，点击tab选项卡可以展示不同的商品，滚动到一定位置tab选项卡有一个吸顶效果，还会出现一个返回顶部的按钮，滚到底可以上拉加载更多商品。
点击首页商品跳转到对应商品详情页，包括轮播图，商品基本信息的描述，店铺信息，商品参数，评论，更多推荐等内容组件，最底部还有个购物车栏，点击加入购物车后，可以选择商品的颜色，尺寸，数量，通过vuex对加入购物车的商品数据进行保存，加入购物车完成弹出消息提示。
购物车页面包括导航栏，购物车商品列表，底部工具栏三部分。默认加入购物车的商品是选中状态，全选按钮也是选中状态，并且会计算展示购物车的商品总价钱。如果取消选中某一个商品，则会重新计算总价，全选按钮也取消选中。
分类页面包括分类导航和对应内容展示。