https://github.com/lin-xin/wxapp-mall

微信小程序 商城demo
https://github.com/lin-xin/wxapp-mall

wechat wxapp

Last synced: 6 days ago
JSON representation

微信小程序 商城demo

• Host: GitHub
• URL: https://github.com/lin-xin/wxapp-mall
• Owner: lin-xin
• Created: 2017-05-05T02:13:57.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-10-22T00:55:37.000Z (about 5 years ago)
• Last Synced: 2024-10-23T07:25:55.425Z (13 days ago)
• Topics: wechat, wxapp
• Language: JavaScript
• Homepage:
• Size: 1.31 MB
• Stars: 1,584
• Watchers: 91
• Forks: 642
• Open Issues: 10
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome - lin-xin/wxapp-mall - 微信小程序 商城demo (JavaScript)
• awesome-github-wechat-weapp - wxapp-mall - 微信小程序商城demo (Demo)
• awesome-github-wechat-app - wxapp-mall - 微信小程序商城demo (Demo)

README

        
# wxapp-mall

微信小程序 商城（uni-app 版本的代码请看[uni分支](https://github.com/lin-xin/wxapp-mall/tree/uni)，可打包成APP、小程序、H5）

## 相关

文章：[微信小程序之购物车功能](https://github.com/lin-xin/blog/issues/14)

## 前言

无意中在慕课网看到一个小程序商城的视频教程，居然要收388元，真是太贵了。看到上面已经贴了个小程序二维码demo，既然有了，那就来照着做一个练练手吧。

## 功能

- [x] 首页

- [x] 搜索

- [x] 分类

- [x] 购物车

- [x] 个人中心

- [x] 商品列表

- [x] 商品详情

- [x] 订单

- [x] 地址管理

## 实现效果

![image](https://raw.githubusercontent.com/lin-xin/mini-apps-mall/master/image/1.jpg) 

![image](https://raw.githubusercontent.com/lin-xin/mini-apps-mall/master/image/2.jpg) 

![image](https://raw.githubusercontent.com/lin-xin/mini-apps-mall/master/image/3.jpg) 

![image](https://raw.githubusercontent.com/lin-xin/mini-apps-mall/master/image/4.jpg) 

![image](https://raw.githubusercontent.com/lin-xin/mini-apps-mall/master/image/5.jpg) 

![image](https://raw.githubusercontent.com/lin-xin/mini-apps-mall/master/image/6.jpg) 

## 运行

需要安装有微信开发者工具。

把项目下载到本地。

在微信开发者工具中打开该项目则可预览。