# superMall

**Repository Path**: rodrick278/superMall

## Basic Information

- **Project Name**: superMall
- **Description**: vue构建的商城项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-21
- **Last Updated**: 2022-06-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 🏳‍🌈仿商城项目

## 😊关于我

[![](https://badgen.net/badge/blog/檐上有月☽/?icon=sourcegraph&color=FFC83D)](https://rodrick.cn) [![](https://badgen.net/badge/github/Rodrick278/?icon=github&color=blue&label)](https://github.com/rodrick278/) [![](https://badgen.net/badge/yuque/yuque/?icon=telegram&color=34CE7B&label)](https://www.yuque.com/rodrick-miz0p)

## 🍤项目详情

### 主要功能🎉

* 首页

  * [x] 轮播

  * [x] 中间信息

  * [x] 小分类栏

  * [x] 详情

  * [x] 滚动时处理小分类栏的吸顶效果

  * [x] 上拉加载更多

  * [x] 返回顶部

    <img src="https://gitee.com/rodrick278/img/raw/master/img/image-20201104233310178.png" alt="image-20201104233310178" style="zoom:33%;" />

    <img src="https://gitee.com/rodrick278/img/raw/master/img/image-20201104233335732.png" alt="image-20201104233335732" style="zoom:33%;" />

* 详情页

  * [x] 顶部栏
  * [x] 滚动区域[轮播，标题，店铺信息，下方信息，参数，评论，推荐商品]
  * [x] 底部
  * [x] 顶部栏和下方滚动联动
  * [x] 底部加入购物车功能
    * [x] 简易版： 直接添加进vuex
    * [x] 弹框提示

  <img src="https://gitee.com/rodrick278/img/raw/master/img/image-20201104233936592.png" alt="image-20201104233936592" style="zoom:33%;" />

  <img src="https://gitee.com/rodrick278/img/raw/master/img/image-20201104233958931.png" alt="image-20201104233958931" style="zoom:33%;" />

  <img src="https://gitee.com/rodrick278/img/raw/master/img/image-20201104234015776.png" alt="image-20201104234015776" style="zoom:33%;" />

  <img src="https://gitee.com/rodrick278/img/raw/master/img/image-20201109000659601.png" alt="image-20201109000659601" style="zoom:33%;" />

* 分类页

  * [x] 基本数据处理+样式

  * [x] grid使用

    <img src="https://gitee.com/rodrick278/img/raw/master/img/image-20201116000817291.png" alt="image-20201116000817291" style="zoom: 50%;" />

* 购物车

  * [x] vuex存储信息

  * [x] 显示信息

  * [x] 全选联动效果

    <img src="https://gitee.com/rodrick278/img/raw/master/img/image-20201108233550925.png" alt="image-20201108233550925" style="zoom:50%;" />

* 我的

  * [x] 基本样式
  * [x] svg 使用 svg-sprite-loader 进行配置和处理

<img src="https://gitee.com/rodrick278/img/raw/master/img/image-20201116000921650.png" alt="image-20201116000921650" style="zoom:50%;" />

<img src="https://gitee.com/rodrick278/img/raw/master/img/image-20201116001005820.png" alt="image-20201116001005820" style="zoom: 50%;" />