Lilishop(PickMall) - Mobile Client (uni-app)

🏠 Official Website · 📖 Product Documentation · 📱 Online Demo · 💻 GitHub

简体中文 | English

⭐ If you like this project, please click Star in 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.