| 
														
															@@ -1,20 +1,20 @@ 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-# 微信公众号H5充值页面 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+# 微信公众号 H5 充值页面 
														 | 
													
												
											
												
													
														| 
														 | 
														
															  
														 | 
														
														 | 
														
															  
														 | 
													
												
											
												
													
														| 
														 | 
														
															-这是一个基于Vue.js开发的微信公众号H5充值页面,包含用户搜索和充值两个页面。 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+这是一个基于 Vue.js 开发的微信公众号 H5 充值页面,包含用户搜索和充值两个页面。 
														 | 
													
												
											
												
													
														| 
														 | 
														
															  
														 | 
														
														 | 
														
															  
														 | 
													
												
											
												
													
														| 
														 | 
														
															 ## 功能特性 
														 | 
														
														 | 
														
															 ## 功能特性 
														 | 
													
												
											
												
													
														| 
														 | 
														
															  
														 | 
														
														 | 
														
															  
														 | 
													
												
											
												
													
														| 
														 | 
														
															-- 用户搜索页面:通过ID搜索用户 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+- 用户搜索页面:通过 ID 搜索用户 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 - 充值页面:选择充值金额,支持支付宝支付 
														 | 
														
														 | 
														
															 - 充值页面:选择充值金额,支持支付宝支付 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 - 响应式设计,适配各种移动设备 
														 | 
														
														 | 
														
															 - 响应式设计,适配各种移动设备 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-- 美观的UI界面,专业的用户体验 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+- 美观的 UI 界面,专业的用户体验 
														 | 
													
												
											
												
													
														| 
														 | 
														
															  
														 | 
														
														 | 
														
															  
														 | 
													
												
											
												
													
														| 
														 | 
														
															 ## 技术栈 
														 | 
														
														 | 
														
															 ## 技术栈 
														 | 
													
												
											
												
													
														| 
														 | 
														
															  
														 | 
														
														 | 
														
															  
														 | 
													
												
											
												
													
														| 
														 | 
														
															 - Vue.js 2.x 
														 | 
														
														 | 
														
															 - Vue.js 2.x 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 - Vue Router 
														 | 
														
														 | 
														
															 - Vue Router 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-- Vant UI组件库 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-- Less CSS预处理器 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+- Vant UI 组件库 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+- Less CSS 预处理器 
														 | 
													
												
											
												
													
														| 
														 | 
														
															  
														 | 
														
														 | 
														
															  
														 | 
													
												
											
												
													
														| 
														 | 
														
															 ## 项目结构 
														 | 
														
														 | 
														
															 ## 项目结构 
														 | 
													
												
											
												
													
														| 
														 | 
														
															  
														 | 
														
														 | 
														
															  
														 | 
													
												
											
										
											
												
													
														 | 
														
															@@ -50,8 +50,58 @@ npm run serve 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 npm run build 
														 | 
														
														 | 
														
															 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/`,建议按以下名称保存归档,便于区分: 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+  - `微信支付-无需登录(无金币兑换)` 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+  - `微信支付-需要登录(有金币兑换)` 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+  - `支付宝支付-无需登录(无金币兑换)-无任意金额` 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+  - `支付宝支付-无需登录(无金币兑换)-有任意金额` 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+  - `支付宝支付-需要登录(有金币兑换)-无任意金额` 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+  - `支付宝支付-需要登录(有金币兑换)-有任意金额` 
														 |