- 删除 afterSales.vue 独立页面,将售后入口统一至 myOrder 页面 - 修改售后相关页面跳转路径为 /pages/order/myOrder?status=5 - 重构 applySuccess 页面,增加微信订阅消息授权与视觉优化 - 重构预存款明细页面,增加收支筛选与日志解析功能 - 新增 store 端 API 基础地址配置
Lilishop(PickMall) - Mobile Client (uni-app)
🏠 Official Website · 📖 Product Documentation · 📱 Online Demo · 💻 GitHub
简体中文 | English
⭐ If you like this project, please click
Starin the top-right corner to support us! Your Star is our greatest motivation for continuous open-source iteration!
LILISHOP is an open-source e-commerce system built with Spring Boot, Vue 3, and uni-app. It supports B2B2C multi-vendor marketplaces, WeChat Mini Programs, H5, Android/iOS Apps, live-streaming e-commerce, affiliate distribution, and flash sales.
✨ Why Choose Lilishop
- 🟢 True MIT License: Free for commercial use and private secondary development without licensing concerns.
- 🚀 Modern Vue 3 Stack: Built on
uni-app + Vue 3 + uview-plus 3.x, leaving legacy Vue 2 templates behind. - 🧩 Production-Ready Completeness: Not a static UI template—fully integrated with B2B2C multi-vendor workflows, visual storefront decoration, IM customer service, flash sales, group buying, affiliate distribution, and live streaming.
1. Overview
This repository (lilishop-uniapp) is the Mobile Buyer Client of Lilishop, supporting H5, WeChat Mini Program, Android, and iOS Apps from a single codebase powered by Vue 3 and uni-app.
- Official Website: https://pickmall.cn
- Documentation: Product Documentation
- Gitee Repository: https://gitee.com/beijing_hongye_huicheng
- GitHub Main Repository: https://github.com/lilishop/lilishop
2. Online Demo
Note
: The verification code for the demo environment is
111111.
| WeChat Mini Program | Mobile H5 (Visit Directly) |
|---|---|
![]() |
![]() |
| Scan with WeChat | Scan or visit https://m-b2b2c.pickmall.cn |
- PC Mall: https://pc-b2b2c.pickmall.cn
- Admin Panel: https://admin-b2b2c.pickmall.cn (
admin/123456) - Store Panel: https://store-b2b2c.pickmall.cn (
13011111111/111111)
Mobile UI Preview
| Home | Product List | Product Detail | Checkout | User Center |
|---|---|---|---|---|
![]() |
![]() |
![]() |
![]() |
![]() |
3. Core Features & Tech Stack
Core Features
- Cross-Platform: One codebase runs on H5, WeChat Mini Program, Android, and iOS.
- Multi-Vendor B2B2C: Supports merchant onboarding and store-level operations.
- Visual Storefront Decoration: Dynamic home page & floor layouts (
pages/floor) and customizable theme colors. - Live Streaming & IM: Integrated with Tencent Cloud IM / MQTT and HLS video streaming.
- Full E-Commerce Workflow: Product browsing, cart, promotions (flash sale, group buy, coupons, points, bargain, affiliate), order fulfillment, after-sales, and member center.
Mobile Tech Stack
| Category | Technology | Description |
|---|---|---|
| Core Framework | uni-app + Vue 3 |
Cross-platform framework with Vue 3 support |
| State Management | Vuex 4 |
Global auth, cart, and user state management |
| UI Library | uview-plus 3.x |
Vue 3 compatible uni-app multi-platform UI library |
| Messaging & IM | mqtt 5.x / @tencentcloud/chat |
Real-time customer service and notification push |
| Video Streaming | hls.js |
Live streaming playback support |
| CSS Preprocessor | Sass (SCSS) |
Global theme variables (uni.scss) and styling |
4. Directory Structure
lilishop-uniapp
├── api/ # API module definitions (member, goods, order, promotion, IM, etc.)
├── components/ # Shared business and base components
├── config/ # Global configuration
│ ├── api.js # API base URLs (buyer / im / mqtt)
│ └── config.js # Mall name, Mini Program AppID, AMap Key, theme colors, etc.
├── hybrid/ # Local HTML assets for App WebView
├── js_sdk/ # Third-party and uni-app SDKs
├── lib/ # Base utility libraries
├── pages/ # Pages and sub-packages
│ ├── tabbar/ # Main tabbar pages (Home, Category, Cart, Mine)
│ ├── passport/ # Auth sub-package (Login, Register, Reset Password)
│ ├── product/ # Product detail, list, reviews, store homepage
│ ├── cart/ # Shopping cart and checkout
│ ├── order/ # Order list, detail, after-sales, logistics, invoice
│ ├── promotion/ # Flash sale, group buy, bargain, points mall, distribution, live
│ ├── mine/ # User center, wallet, points, favorites, addresses
│ ├── floor/ # Visual decoration floor components and topic pages
│ └── navigation/ # Navigation and search pages
├── patches/ # patch-package patches for dependencies
├── scripts/ # Build and postinstall runtime patch scripts
├── static/ # Static images and fonts
├── store/ # Vuex store modules
├── styles/ # Global stylesheets
├── uni_modules/ # uni_modules plugins (including uview-plus)
├── utils/ # Request interceptors, encryption, validators, storage helpers
├── App.vue # Root application component
├── main.js # Application entry point
├── manifest.json # uni-app multi-platform configuration
├── pages.json # Page routes, sub-packages, and navigation bar settings
└── uni.scss # Global SCSS variables and theme color definitions
5. Related Repositories
| Repository | Description | Links |
|---|---|---|
lilishop |
Backend Services (Spring Boot 4 / Java 21) | Gitee · GitHub |
lilishop-ui |
PC Mall / Seller / Admin / IM Web Frontend | Gitee |
lilishop-uniapp |
Mobile Buyer Client (H5 / Mini Program / App) | Gitee |
docker |
Docker Compose, Images & SQL Init Scripts | Gitee · MySQL Scripts |
6. License
Lilishop is licensed under the MIT License. Copyright © 2020-2026 Beijing Hongye Huicheng Technology Co., Ltd.






