# 厘舍SPA小程序-泰享SPA-连锁SPA门店小程序
**Repository Path**: niigel/spa-miningram
## Basic Information
- **Project Name**: 厘舍SPA小程序-泰享SPA-连锁SPA门店小程序
- **Description**: 连锁SPA门店小程序开源项目，支持多品牌管理、预约服务与会员运营，助力实体门店数字化转型。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-07-27
- **Last Updated**: 2026-07-27
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# 太享厘舍SAP
**面向 SPA、美业与到店服务场景的高品质 uni-app 首页开源模板**
一套代码，同时面向 H5 与微信小程序。开箱即用、轻量清晰，也方便继续接入预约、会员、门店和营销业务。
[快速开始](#快速开始) · [功能亮点](#功能亮点) · [联系作者](#联系作者)
## 项目介绍
`SPA UniApp` 是从真实商业项目设计语言中提炼出的首页开源版本，专注于移动端门店服务的第一屏体验。项目只保留首页和首页内交互，不包含登录、支付、订单等私有业务，也不依赖后端接口，适合作为学习案例、UI 原型或新项目起点。
它不是一个堆满页面的“大全模板”，而是一套克制、可读、容易二次开发的首页基座：你可以先用它快速验证品牌风格，再按自己的业务节奏接入预约、核销、会员、优惠券或门店系统。
## 软件截图
> 截图来自项目 H5 版本的真实运行页面，演示内容与数据均可自由替换。
## 功能亮点
- **沉浸式品牌首页**：渐变视觉、品牌标题、会员引导与细腻的移动端卡片层级。
- **首页核心动线**：立即预约、团购核销、附近门店、礼赠营销等常见业务入口。
- **城市切换交互**：内置底部城市选择面板，切换结果会同步到门店信息。
- **本地演示数据**：无需后端、账号或环境变量，安装后即可运行。
- **跨端工程基础**：支持构建 H5 与微信小程序，便于继续扩展业务。
- **易于品牌定制**：颜色、文案与演示数据集中在首页文件中，改造成本低。
## 技术介绍
| 技术 | 用途 |
| --- | --- |
| Vue 3 | 使用 Composition API 组织页面状态与交互 |
| uni-app | 统一 H5、微信小程序等多端开发体验 |
| TypeScript | 提供静态类型检查与更稳定的维护体验 |
| Vite | 本地开发与生产构建 |
| CSS | 原生响应式样式、渐变与轻量动效表现 |
项目刻意减少第三方依赖，不引入 UI 组件库和状态管理库。首页交互足够简单，使用 Vue 原生响应式能力即可完成，也让源码更适合阅读和二次开发。
## 目录结构
```text
spa-uniapp-open/
├── pages/home/index.vue # 唯一业务页面：SPA 首页
├── styles/main.css # 全局基础样式
├── App.vue # 应用入口
├── main.ts # Vue 应用初始化
├── pages.json # 仅注册首页
├── manifest.json # uni-app 多端配置
├── package.json # 依赖与运行命令
└── docs/screenshots/ # README 展示截图
```
## 快速开始
### 环境要求
- Node.js 20—24
- Yarn 1.22.19
### 安装与运行
```bash
git clone
cd spa-uniapp-open
yarn install
yarn dev
```
启动后访问终端提示的本地地址即可预览 H5 首页。
### 构建发布
```bash
# 构建 H5
yarn build:h5
# 构建微信小程序
yarn build:mp-weixin
```
微信小程序发布前，请在 `manifest.json` 中填写自己的 AppID，并在微信开发者工具中打开生成目录完成预览与上传。
## 二次开发建议
1. 在 `pages/home/index.vue` 中替换品牌名称、城市、门店和营销文案。
2. 将按钮的演示提示替换为 `uni.navigateTo` 或实际业务方法。
3. 接入自己的 API 层，为门店、会员和活动数据增加加载态与异常态。
4. 使用自有且拥有授权的图片、字体、Logo 与品牌素材。
5. 上线前补充隐私政策、用户协议、埋点策略和对应平台配置。
## 适合谁
- 正在打造 SPA、美容、美发、按摩、瑜伽或线下门店小程序的团队。
- 希望快速交付高完成度移动端首页的独立开发者。
- 需要 Vue 3 + uni-app 工程参考与 UI 灵感的学习者。
- 正在寻找业务原型、课程案例或商业项目起点的产品与设计团队。
## 商业合作
如果你喜欢这套项目的视觉与工程质量，我也可以继续协助你完成：
- 品牌视觉定制与首页改版
- 预约、会员、订单、优惠券、门店等完整业务开发
- H5 / 微信小程序多端适配
- 旧项目现代化重构与性能优化
- 从产品原型到可发布版本的一站式交付
**好的产品不只要“能运行”，还要让用户愿意停留、理解并行动。** 如果你正在规划一款到店服务产品，欢迎联系我聊聊想法。无论是快速验证，还是长期共建，都可以从一个清晰的首页开始。
## 作者
- 开发者：**niigelog**
- Email：[zhuovica@gmail.com](mailto:zhuovica@gmail.com)
## 联系作者
对项目感兴趣、希望交流实现思路，或有定制开发与商业合作需求，欢迎通过邮件联系。来信时可以简单介绍你的行业、目标平台和计划中的核心功能，我会更高效地理解你的需求。
📮 **联系邮箱：[zhuovica@gmail.com](mailto:zhuovica@gmail.com)**
## 参与贡献
欢迎提交 Issue 和 Pull Request。建议在提交前说明使用场景、预期行为和相关截图，让讨论更高效。
## 开源协议
代码基于 [MIT License](./LICENSE) 开源，可用于学习和商业项目。项目中的演示品牌、文案与视觉内容仅用于展示；实际发布时请替换为你拥有合法使用权的品牌素材。
---
如果这个项目对你有帮助，欢迎点一个 Star。你的关注会让这个轻量首页继续变得更好。