menduner-mall-uniapp

简介

[](https://gitee.com/sheepjs/shopro-uniapp.git) [](https://gitee.com/sheepjs/shopro-uniapp.git) [](https://gitee.com/sheepjs/shopro-uniapp.git) [](https://gitee.com/sheepjs/shopro-uniapp.git) [官方网站](https://www.shopro.top/) | [H5 演示](http://shopro.sheepjs.com/) | [管理系统](https://shopro.sheepjs.com/admin/) | [问题反馈](https://gitee.com/sheepjs/shopro-uniapp/issues)

特性

• 支持主题色+自定义头部导航+自定义底部导航
• 内含沉浸式头部、通用头部导航示例，支持后端自定义配置底部导航背景和样式
• 店铺装修组件（轮播、标题栏、优惠券、商品组、宫格导航、列表导航+广告魔方+富文本、搜索栏等众多组件）
• 内置微信公众号分享 jssdk+微信小程序分享卡片+微信 App 分享+海报分享统一封装
• 内置微信公众号登录+微信小程序手机号登录+微信 App 开放平台登录+账号密码登录+iOS 登录统一封装
• 内置余额支付+微信公众号 jssdk 支付+微信小程序支付+微信 App 支付+支付宝网页支付+支付宝 App 支付统一封装
• 支持第三方 cdn 图片资源地址，并支持阿里云、腾讯云、七牛云图片缩放参数
• 严格适配多终端场景并支持 App 审核上架

技术栈

• 前端技术栈：uni-app、ES6、Vue3、Vite、Pinia;

  安装

# 1.克隆项目
$ git clone https://gitee.com/sheepjs/shopro-uniapp.git

# 2.拷贝env示例配置文件 重命名为.env
$ cd shopro-uniapp
$ cp env .env 

# 3.安装依赖 (需安装nodejs环境, 使用npm国内镜像)
$ npm install --registry=https://registry.npmmirror.com

# 4.使用HbuilderX 运行...

体验

客户端演示地址：https://shopro.sheepjs.com

演示账号: shopro

演示密码: a123456

管理端演示地址：https://shopro.sheepjs.com/admin/

演示账号: shopro

演示密码: 123456

（注意：演示环境已屏蔽管理权限和相关操作）

项目结构

├── pages                   // 页面
│      ├── index            // 入口页面
│      ├── user             // 用户相关
│      ├── public           // 公共页面
│      ├── activity         // 活动页面
│      ├── app              // 积分、签到页面
│      ├── chat             // 客服页面
│      ├── commission       // 分销页面
│      ├── coupon           // 优惠券页面
│      ├── goods            // 商品页面
│      ├── order            // 订单页面
│      ├── pay              // 支付页面
├── sheep                   // 底层依赖/工具库
│      ├── api              // 服务端接口
│      ├── components       // 自定义功能组件
│      ├── config           // 配置文件
│      ├── helper           // 助手函数
│      ├── hooks            // vue-hooks
│      ├── libs             // 自定义依赖
│      ├── platform         // 第三方平台登录、分享、支付
│      ├── request          // 请求类库
│      ├── router           // 自定义路由跳转
│      ├── scss             // 主样式库
│      ├── store            // pinia状态管理模块
│      ├── ui               // 自定义UI组件
│      ├── url              // cdn图片地址格式化
│      ├── validate         // 通用验证器
│      ├── index.js         // Shopro入口文件
├── uni_modules             // dcloud第三方插件

更新

近期计划

• Typescript 重构；

V1.7.1 更新简介 2022/12/09

1. 更新插件市场忽略文件问题

2. 更改客服聊天图片样式问题

V1.5 更新简介 2022/12/07

• 服务保障icon 变形问题；
• 确认订单 可用优惠券逻辑修改；
• su-image组件中customStyle添加width属性；

---

如果您觉得我们的开源项目很有帮助，请点击 :star: Star(https://gitee.com/sheepjs/shopro-uniapp.git) 支持 SheepJS 开源团队:heart:

---