# uni-app-mall

**Repository Path**: javazj/uni-app-mall

## Basic Information

- **Project Name**: uni-app-mall
- **Description**: uni-app商城
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 97
- **Forks**: 53
- **Created**: 2021-12-28
- **Last Updated**: 2025-07-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# uni-app商城

本项目是纯uni-app原生项目，同时也是一个纯前端项目。本项目用到的演示数据，接口都是直接对接的 “api工厂” 的中台，使得前端开发人员可以更加专注于前端开发本身，而不用去关心后端的实现。

本项目的界面、功能，直接参考的开源微信小程序商城“天使童装”，所以如果希望体验完整版本功能的话，可以前往其开源主页进行体验

我希望可以持续的将本项目一直开源维护下去，但是毕竟个人精力有限，所以非常希望大家可以一同加入到开发工作中来，群策群力，一起把这个项目真正的长期做下去

<img src="https://dcdn.it120.cc/2021/09/13/61a80363-9085-4a10-9447-e276a3d40ab3.jpeg" height="160px">

## 近期更新

| 抽奖功能
| :------: |
| <img src="https://dcdn.it120.cc/2024/04/11/2a87edf6-5be8-4f22-99cb-a625ef92986b.png" width="250px"> |


## 其他优秀开源模板推荐
- [天使童装](https://github.com/EastWorld/wechat-app-mall)   /  [码云镜像](https://gitee.com/javazj/wechat-app-mall)  /  [GitCode镜像](https://gitcode.com/gooking2/wechat-app-mall)
- [天使童装（uni-app版本）](https://github.com/gooking/uni-app-mall)  /   [码云镜像](https://gitee.com/javazj/uni-app-mall)  /  [GitCode镜像](https://gitcode.com/gooking2/uni-app-mall)
- [简约精品商城（uni-app版本）](https://github.com/gooking/uni-app--mini-mall)  /   [码云镜像](https://gitee.com/javazj/uni-app--mini-mall)  /   [GitCode镜像](https://gitcode.com/gooking2/uni-app--mini-mall)
- [舔果果小铺（升级版）](https://github.com/gooking/TianguoguoXiaopu)
- [面馆风格小程序](https://gitee.com/javazj/noodle_shop_procedures)
- [AI名片](https://github.com/gooking/visitingCard)  /   [码云镜像](https://gitee.com/javazj/visitingCard)  /   [GitCode镜像](https://gitcode.com/gooking2/visitingCard)
- [仿海底捞订座排队 (uni-app)](https://github.com/gooking/dingzuopaidui)  /   [码云镜像](https://gitee.com/javazj/dingzuopaidui)  /   [GitCode镜像](https://gitcode.com/gooking2/dingzuopaidui)
- [H5版本商城/餐饮](https://github.com/gooking/vueMinishop)  /  [码云镜像](https://gitee.com/javazj/vueMinishop) /  [GitCode镜像](https://gitcode.com/gooking2/vueMinishop)
- [餐饮点餐](https://github.com/woniudiancang/bee)  / [码云镜像](https://gitee.com/woniudiancang/bee) / [GitCode镜像](https://gitcode.com/gooking2/bee)
- [企业微展](https://github.com/gooking/qiyeweizan)  / [码云镜像](https://gitee.com/javazj/qiyeweizan) / [GitCode镜像](https://gitcode.com/gooking2/qiyeweizan)
- [无人棋牌室](https://github.com/gooking/wurenqipai)  / [码云镜像](https://gitee.com/javazj/wurenqipai) / [GitCode镜像](https://gitcode.com/gooking2/wurenqipai)
- [酒店客房服务小程序](https://github.com/gooking/hotelRoomService)  / [码云镜像](https://gitee.com/javazj/hotelRoomService) / [GitCode镜像](https://gitcode.com/gooking2/hotelRoomService)
- [面包店风格小程序](https://github.com/gooking/bread)  / [码云镜像](https://gitee.com/javazj/bread) / [GitCode镜像](https://gitcode.com/gooking2/bread)
- [朋友圈发圈素材小程序](https://github.com/gooking/moments)  / [码云镜像](https://gitee.com/javazj/moments) / [GitCode镜像](https://gitcode.com/gooking2/moments)
- [小红书企业微展](https://github.com/gooking/xhs-qiyeweizan)  / [码云镜像](https://gitee.com/javazj/xhs-qiyeweizan) / [GitCode镜像](https://gitcode.com/gooking2/xhs-qiyeweizan)

## 扫码体验

如果觉得本项目对你有帮助，欢迎打赏～

| 微信小程序 | h5 | 抽奖演示
| :------: | :------: | :------: |
| <img src="https://dcdn.it120.cc/2025/03/28/250dc6b2-dc24-4ece-b2b6-65f45e20d81e.jpg" height="250px"> | <img src="https://dcdn.it120.cc/2024/04/11/5e626d7d-8047-475d-a205-b08e076942c1.png" height="250px"> | <img src="https://dcdn.it120.cc/2024/04/11/8302499d-f48a-438d-b27b-fb4ccc00119e.png" height="250px"> |

| Android | ios
| :------: | :------: |
| <img src="https://dcdn.it120.cc/2023/01/03/ee5fc56d-0ea8-4bda-a8d0-2eb458da4aea.png" height="250px"> | <img src="https://dcdn.it120.cc/2023/01/03/ee5fc56d-0ea8-4bda-a8d0-2eb458da4aea.png" height="250px"> |

# 特别感谢

- [uni-app 使得多端开发更简单](hhttps://uniapp.dcloud.io/)
- [uview2.0 全面的组件和便捷的工具会让您信手拈来，如鱼得水](https://www.uviewui.com/)
- [api工厂 前端大中台 更加专注前端开发](https://www.it120.cc/)

# 开发配置

1. `App.vue` 中的代码 `subDomain: tz` 中的 `tz` 修改为你自己的专属域名（登陆api工厂的后台，在后台首页即可查看你自己的专属域名）
2. 如果需要发布h5版本，`App.vue` 中的代码 `h5Domain` 修改为你自己的h5域名
3. `App.vue` 中的代码 `merchantId: '42151'` 中的 `merchantId` 修改为你自己的商户ID（登陆api工厂的后台，在左侧菜单，工厂设置，商户信息可以看到你的商户ID）
4. 后台左侧菜单“工厂设置” -> “数据克隆” -> “将别人的数据克隆给我”，填写 `951` 克隆一份测试数据

# QQ交流群

<img src="https://dcdn.it120.cc/2023/01/05/6a2c43b2-6eb5-473b-aca0-1e15b4308342.png">

# 诚邀请一起来开发

1. 右上角 “Star” 点击鼓励
2. 右上角 “Fork” ，将代码复制一个副本到你自己的 Git 账号下
3. git clone 你自己的git仓库地址，完成开发及测试
4. 通过 “Pull Request” 将你修改的代码提交合并请求