# 叩丁积分商城

**Repository Path**: andycao/koudingcoinmall

## Basic Information

- **Project Name**: 叩丁积分商城
- **Description**: 一个由vue-cli搭建的PC端SPA商城，是一个中大型的PC端商城项目。该商城主要涉及登录注册、第三方微信登录、商品列表、商品详情、个人中心、购物车及商品检索等主体功能。该项目主要用于平台用户参与积分兑换商品。
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: http://39.105.157.163:8102
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2022-04-01
- **Last Updated**: 2022-04-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 叩丁积分商城

## 前言

《叩丁积分商城》是一个由vue-cli搭建的PC端SPA商城，该商城主要涉及登录注册、第三方微信登录、商品列表、商品详情、个人中心、购物车及商品检索等主体功能。该项目主要用于平台用户参与积分兑换商品，是一个中大型的PC端商城项目。本项目使用叩丁狼严选积分商城官网的后台数据。官网地址为：sc.wolfcode.cn。本项目仅供参考和学习，切勿用于商业用途。如有问题请联系本人QQ：2678467517，谢谢大家。

如果对您有帮助，您可以点右上角 "Star" 支持一下 谢谢！

## 项目展示

项目在线地址：http://39.105.157.163:8102

##  技术栈

Vue全家桶 + axios + less + qs + vue-monoplasty-slide-verify + vshare + vue-lazyload

##  项目运行

 安装依赖

 npm install

 启动项目

 npm run serve

 项目打包

 npm run build

注意要点：微信第三方登录需要在项目根目录创建两个文件，配置环境变量。.env.dev为开发时候的环境变量，.env.prod为生产的环境变量，也就是上线以后的环境变量，这里注意，.env.prod里的环境变量写项目部署到服务器上以后的域名地址，因为微信扫码登录以后会重定向到这个地址。

##  主要组件

- Home.vue
- Goods.vue
- Goodsdetail.vue
- User.vue
- Order.vue
- Welfare.vue
- Cart.vue
- Header.vue
- Toast.vue
- List.vue
- Login.vue
- BindingWx.vue

##  部分截图展示
![截图展示](https://images.gitee.com/uploads/images/2021/1114/200421_445451d5_5695113.png "1.png")

![截图展示](https://images.gitee.com/uploads/images/2021/1114/200439_4959b14e_5695113.png "2.png")

![截图展示](https://images.gitee.com/uploads/images/2021/1114/200451_2609631b_5695113.png "3.png")

![截图展示](https://images.gitee.com/uploads/images/2021/1114/200502_6e44b852_5695113.png "4.png")

![截图展示](https://images.gitee.com/uploads/images/2021/1114/200517_498ac495_5695113.png "5.png")

![截图展示](https://images.gitee.com/uploads/images/2021/1114/200528_9357cae4_5695113.png "6.png")

![截图展示](https://images.gitee.com/uploads/images/2021/1114/200538_046f8439_5695113.png "7.png")

![截图展示](https://images.gitee.com/uploads/images/2021/1114/200549_60e30741_5695113.png "8.png")

![截图展示](https://images.gitee.com/uploads/images/2021/1114/200600_f52c43b0_5695113.png "9.png")

![截图展示](https://images.gitee.com/uploads/images/2021/1114/200610_573486e5_5695113.png "10.png")

![截图展示](https://images.gitee.com/uploads/images/2021/1114/200619_de7eee3f_5695113.png "11.png")

![截图展示](https://images.gitee.com/uploads/images/2021/1114/200628_93af3561_5695113.png "12.png")


##  结尾

感谢您的支持，如果对您有帮助，您可以点右上角 "Star" 支持一下 谢谢！ 技术交流QQ：2678467517