# 微信小程序商城模版-vant版

**Repository Path**: qf9944/miniprogram-vant-mall

## Basic Information

- **Project Name**: 微信小程序商城模版-vant版
- **Description**: 微信小程序商城模版，设计流程参考腾讯TDesign模版，使用了腾讯官方素材，但经过作者使用vant框架重新开发过一遍，并优化了性能与复杂度，具有较高的研究价值，也可以作为二次开发使用，另外微信开发者工具使用基础库版本位2.31.0；

h5版本仓库地址为：https://gitee.com/qf9944/vue3-vant-mall
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 3
- **Created**: 2023-04-16
- **Last Updated**: 2025-03-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: miniprogram, 微信小程序, Vant, 商城

## README

# 微信小程序商城模版-vant版

#### 介绍
1.  微信小程序商城模版，设计流程参考腾讯TDesign模版，使用了腾讯官方素材;
2.  经过作者本人使用vant框架重新开发过一遍，并优化了一些地方，可以作为二次开发使用
3.  h5版本的仓库地址为：https://gitee.com/qf9944/vue3-vant-mall

#### 软件架构
软件架构说明


#### 安装教程

1.  参考微信小程序下vant官方安装流程（ https://vant-contrib.gitee.io/vant-weapp/#/quickstart ）

#### 小程序截图

![首页](https://foruda.gitee.com/images/1684256182457265905/71edfd47_7988925.jpeg "1.jpeg")
![搜索页](https://foruda.gitee.com/images/1684256200077645306/76d77d17_7988925.jpeg "2.jpeg")
![搜索列表](https://foruda.gitee.com/images/1684256214071695934/74b30e43_7988925.jpeg "3.jpeg")

![搜索列表条件过滤](https://foruda.gitee.com/images/1684256251128582409/fbe37830_7988925.jpeg "4.jpeg")

![商品详情1](https://foruda.gitee.com/images/1684256264282345833/470d1c49_7988925.jpeg "5.jpeg")

![商品详情2](https://foruda.gitee.com/images/1684256274885223308/37226883_7988925.jpeg "6.jpeg")

![商品详情-优惠券列表](https://foruda.gitee.com/images/1684256285234992934/7b575cd2_7988925.jpeg "7.jpeg")

![商品详情-选择规格](https://foruda.gitee.com/images/1684256295314344552/d4632176_7988925.jpeg "8.jpeg")

![商品详情-评价页](https://foruda.gitee.com/images/1684256306305091254/1e074ce6_7988925.jpeg "9.jpeg")

![分类页](https://foruda.gitee.com/images/1684256317759707371/0ee67875_7988925.jpeg "10.jpeg")

![购物车](https://foruda.gitee.com/images/1684256329117133096/7a6fbc56_7988925.jpeg "11.jpeg")

![确认页-提交](https://foruda.gitee.com/images/1684256354182985191/4fb268f9_7988925.jpeg "12.jpeg")

![确认页-优惠券列表](https://foruda.gitee.com/images/1684256364668333950/791e26e1_7988925.jpeg "13.jpeg")

![确认页-发票填写](https://foruda.gitee.com/images/1684256375720096091/e0ca5413_7988925.jpeg "14.jpeg")

![确认页-备注](https://foruda.gitee.com/images/1684256388275482745/4f82f67d_7988925.jpeg "15.jpeg")

![收货地址-列表](https://foruda.gitee.com/images/1684256402021175809/1a252b5c_7988925.jpeg "16.jpeg")

![收货地址-编辑](https://foruda.gitee.com/images/1684256412917156745/4abbdd42_7988925.jpeg "17.jpeg")

![订单页](https://foruda.gitee.com/images/1684256429502851406/dafff6b0_7988925.jpeg "18.jpeg")

![订单页-评价](https://foruda.gitee.com/images/1684256440409005630/adda3e3d_7988925.jpeg "19.jpeg")

![个人中心](https://foruda.gitee.com/images/1684256450828019881/bfc26c00_7988925.jpeg "20.jpeg")

![售后](https://foruda.gitee.com/images/1684256467259216759/e7444b5a_7988925.jpeg "21.jpeg")

![编辑运单号](https://foruda.gitee.com/images/1684256478436317605/ac28d113_7988925.jpeg "22.jpeg")

![退款详情](https://foruda.gitee.com/images/1684256495241196064/44a6ee48_7988925.jpeg "23.jpeg")

![物流信息](https://foruda.gitee.com/images/1684256516171670309/47d56a2d_7988925.jpeg "24.jpeg")

![优惠券列表](https://foruda.gitee.com/images/1684256526626139184/36eab010_7988925.jpeg "25.jpeg")

![客服功能](https://foruda.gitee.com/images/1684256537638387489/bade58c4_7988925.jpeg "26.jpeg")


#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)