Pārlūkot izejas kodu

docs: 更新 README 文档,添加多版本打包配置说明

添加详细的打包配置说明,包括 6 个不同版本的构建步骤和注意事项
Shirley 3 nedēļas atpakaļ
vecāks
revīzija
aa73b04522
1 mainītis faili ar 60 papildinājumiem un 10 dzēšanām
  1. 60 10
      README.md

+ 60 - 10
README.md

@@ -1,20 +1,20 @@
-# 微信公众号H5充值页面
+# 微信公众号 H5 充值页面
 
-这是一个基于Vue.js开发的微信公众号H5充值页面,包含用户搜索和充值两个页面。
+这是一个基于 Vue.js 开发的微信公众号 H5 充值页面,包含用户搜索和充值两个页面。
 
 ## 功能特性
 
-- 用户搜索页面:通过ID搜索用户
+- 用户搜索页面:通过 ID 搜索用户
 - 充值页面:选择充值金额,支持支付宝支付
 - 响应式设计,适配各种移动设备
-- 美观的UI界面,专业的用户体验
+- 美观的 UI 界面,专业的用户体验
 
 ## 技术栈
 
 - Vue.js 2.x
 - Vue Router
-- Vant UI组件库
-- Less CSS预处理器
+- Vant UI 组件库
+- Less CSS 预处理器
 
 ## 项目结构
 
@@ -50,8 +50,58 @@ npm run serve
 npm run build
 ```
 
-## 注意事项
+## 打包配置说明(包含 6 个版本)
 
-- 当前项目使用静态数据模拟,实际使用时需要对接后端API
-- 支付功能仅为界面展示,需要集成实际的支付接口
-- logo.png需要替换为实际的应用logo 
+- 配置文件路径:`src/utils/config.js`
+- 需调整的两个开关:
+  - `PAYMENT_TYPE`(支付方式,`'wechat' | 'alipay'`)位于 `src/utils/config.js#L9-10`
+  - `ALI_CUSTOM`(是否开启“任意金额”,仅在支付宝时生效)位于 `src/utils/config.js#L13`
+
+### 版本清单与构建步骤
+
+- 微信支付-需要登录(有金币兑换)
+
+  - 分支:该版本在`main`分支,请先切换到对应分支
+  - 设置:`PAYMENT_TYPE = 'wechat'`
+  - 任意金额:不适用(仅支付宝)
+  - 构建:`npm run build`
+
+- 微信支付-无需登录(无金币兑换)
+
+  - 分支:该版本在`master`分支,请先切换到对应分支
+  - 设置:无需配置
+  - 构建:`npm run build`
+
+- 支付宝支付-需要登录(有金币兑换)-无任意金额
+
+  - 分支:该版本在`main`分支,请先切换到对应分支
+  - 设置:`PAYMENT_TYPE = 'alipay'`,`ALI_CUSTOM = false`
+  - 构建:`npm run build`
+
+- 支付宝支付-需要登录(有金币兑换)-有任意金额
+
+  - 分支:该版本在`main`分支,请先切换到对应分支
+  - 设置:`PAYMENT_TYPE = 'alipay'`,`ALI_CUSTOM = true`
+  - 构建:`npm run build`
+
+- 支付宝支付-无需登录(无金币兑换)-无任意金额
+
+  - 分支:该版本在`alipay`分支,请先切换到对应分支
+  - 设置:无需配置
+  - 构建:`npm run build`
+
+- 支付宝支付-无需登录(无金币兑换)-有任意金额
+  - 分支:该版本在`alipay-anymoney`分支,请先切换到对应分支
+  - 设置:无需配置
+  - 构建:`npm run build`
+
+### 说明与建议
+
+- 金币兑换:登录版的“金币兑换”由后端登录态返回的权限 `canExchange` 控制,无需额外打包开关;无需登录版本不包含兑换入口。
+- 产物命名:每次构建会生成 `dist/`,建议按以下名称保存归档,便于区分:
+  - `微信支付-无需登录(无金币兑换)`
+  - `微信支付-需要登录(有金币兑换)`
+  - `支付宝支付-无需登录(无金币兑换)-无任意金额`
+  - `支付宝支付-无需登录(无金币兑换)-有任意金额`
+  - `支付宝支付-需要登录(有金币兑换)-无任意金额`
+  - `支付宝支付-需要登录(有金币兑换)-有任意金额`