更新记录

1.0.0（2026-10-22） 下载此版本

本项目仅开源 uni-app 用户端，基于 Vue2 + uView，适配网页、微信公众号和微信小程序。用 HBuilderX 导入本目录即可运行，供学习研究。

平台兼容性

uni-app(3.8.7)

其他

儿女相亲用户端

开源说明

本项目仅开源 uni-app 用户端，基于 Vue2 + uView，适配网页、微信公众号和微信小程序。用 HBuilderX 导入本目录即可运行，供学习研究。

能在哪些地方使用

父母或本人可以在电脑、手机网页里使用，也可以在微信里打开网页使用，还可运行为微信小程序或 App。

底部有四个主入口：相亲、官方活动、消息、我的。

对接了哪些第三方

下面这些是用户日常能直接感受到的外部服务，不是技术名词堆砌：

• 微信支付：开通会员、买爱心钥匙、买超级推荐、钱包充值时，可以走微信支付。在手机网页上，需在微信里打开，并用公众号相关账号，才能出现微信支付。
• 支付宝：同样用于开通会员、买钥匙、买曝光和充值（按当前打开方式显示）。
• 平台零钱 / 余额：余额不够会提示去钱包充值。
• 手机短信验证码：注册、找回密码时，会往手机号发验证码（由服务端发送）。
• 微信登录 / 授权：小程序可授权头像和手机号；微信内网页在后台开启时可走微信登录。
• 企业微信客服：后台若配好了，可跳到企业微信和客服聊天。
• 电话客服：可直接拨打后台配置的客服电话。
• 个人微信客服：可复制客服***，或扫客服二维码添加。
• 平台在线聊天：登录后可和平台客服、其他用户即时发消息（文字、图片、表情、语音等）。
• 微信分享：可分享相亲资料、邀请好友。
• 手机系统能力：拨打电话、复制***、从相册选头像和资料照片、录音发语音。

说明：选现居地、家乡等主要是省市区选择；代码里没有面向用户的 AI 助手入口。

用户能做什么

打开「相亲」首页先看到什么

• 顶部一排快捷入口（可由后台配置，默认大致是：谁看过我、聊天消息、精准搜索、牵线老师）。
• 「今日优质推荐」列表：性别、出生年、地区、婚况、学历、身高、职业、收入等；可点进资料，或「联系对方 / 打招呼」。
• 文案提示「每日上午 10 点更新」。
• 未完善资料时会提示：完善资料每天可多看几位。
• 部分资料需开通会员才能查看或联系（非会员可能看到模糊或引导开通 VIP）。
• 可弹出红娘微信、二维码、电话（专属红娘牵线）。
• 下拉可刷新首页。

看相亲资料、联系、打招呼

• 看对方基本资料、关于我、生活照片、兴趣、择偶要求、父母信息等。
• 可收藏（喜欢）、举报、拉黑或移出黑名单。
• 联系对方：需登录、实名通过、自己资料完善；用「爱心钥匙」解锁联系方式，解锁后可拨打电话；钥匙不够会引导去购买。
• 打招呼：消耗打招呼次数（会员套餐可赠送，也可能显示为不限）；次数不够会引导开通会员或联系客服；已打过招呼可进聊天。
• 列表浏览时可「上一个 / 下一个」切换资料。

精准查找

• 按管理端配置的筛选项（多选标签、区间等）筛选。
• 固定项：现居地、照片是否优先、注册新旧是否优先。
• 点「立即试用」看结果；结果页文案为「每日为您推荐 3 个资料卡」，可改条件再查，也可去开通会员。

谁看过我 / 谁收藏我 / 联系过我

• 消息页顶部四块统计可进对应列表。
• 首页也可进「谁看过我」。
• 列表里可继续点进对方资料、联系或打招呼。

「官方活动」页

• 顶部金刚区（后台可配，默认：成为会员、红娘服务、防诈指南、幸福见证）。
• 下方是官方动态 / 活动信息流（图文），可下拉刷新、上拉加载。

防诈指南与幸福见证

• 防诈指南：文章列表 → 详情。
• 幸福见证：成功故事列表（标题、简介、封面），可预览图片。

牵线老师

• 展示后台配置的宣传长图，主要是介绍展示。

红娘服务

• 红娘服务 / 定制服务：展示红娘***（可复制）、二维码、可打电话。
• 「收看红娘」入口会跳到红娘服务页。
• 首页等处也可弹出同一套红娘微信 / 电话。

消息与聊天

• 看系统通知列表。
• 进「在线客服」（电话 / 企业微信 / 网页客服，以后台配置为准）。
• 看与其他用户的会话列表（未读数、会员角标等）。
• 聊天：文字、图片、表情、语音；常用语、添加语句、历史；顶部有防诈提示，可去投诉举报。
• 小程序场景下可能要求授权手机号才能用全功能。

会员和付费

• 选会员套餐（月 / 季 / 年 / 永久等以后台为准），看到期时间。
• 开通可赠送「打招呼次数」「曝光次数」等（套餐字段决定）。
• 特权说明以后台会员权益配置为准。
• 同意会员协议后支付（微信 / 支付宝，按当前打开方式）。
• 爱心钥匙：用于解锁对方联系方式，可看持有数量、买钥匙套餐。
• 超级推荐：购买并消耗曝光次数，提升资料曝光（需实名）。
• 钱包：看余额、选金额充值、看明细；另有提现账号、提现、提现记录等页面。

「我的」里能做什么

• 看自己的资料摘要；点头像区可改账号信息（头像、用户名、手机）。
• 编辑孩子资料：需先实名通过，再填完整相亲资料（形象照、基本信息、关于我、兴趣、择偶、父母等）。
• 看打招呼剩余次数；点进会员页。
• 爱心钥匙、定制服务、超级推荐、成为合伙人。
• 客服中心、防诈指南、意见反馈、分享好友、设置中心。

邀请朋友 / 成为合伙人

• 邀请好友：看邀请码、生成海报、文案推广或小程序一键分享（按端不同）。
• 成为合伙人：填联系人、手机、地址提交申请，看审核状态。
• 登录、注册时可填邀请码；从分享链接进来也会带上邀请关系。

账号和设置

• 小程序：授权登录、授权手机号，并勾选协议。
• H5 / App：手机号登录；可跳转注册、忘记密码、修改密码。
• 注册：用户名、手机号、短信验证码、密码；邀请码可按后台设为必填或选填。
• 登录前需同意用户协议、隐私政策。
• 实名认证：填真实姓名、身份证号提交审核（待审核 / 通过 / 拒绝）；完善资料、打招呼、看联系方式、超级推荐等，多处要求实名通过。
• 设置中心：修改密码、消息通知开关、注销账号、用户协议、隐私政策、关于我们、退出登录。
• 可申请注销账号，提交后由平台审核。

黑名单、喜欢、粉丝

• 资料页可拉黑；另有黑名单、喜欢我的、我的粉丝、我的收藏等列表（消息统计与部分入口可到）。

意见反馈与投诉

• 意见反馈可提交建议或投诉。
• 聊天或资料页可举报；「我的投诉」可看投诉记录。

体验

体验接口与静态资源：https://ernvxq2.0.xianmaxiong.com

技术栈

运行

这份代码已经接到线上体验环境，不用改任何配置，打开后直接运行即可。

开始前请准备

1. 一台 Windows 电脑（苹果电脑也可以，步骤差不多）。
2. 下载并安装 HBuilderX（官方用来打开这类项目的软件）：
   打开浏览器，搜索「HBuilderX 官网」，进入 https://www.dcloud.io/hbuilderx.html，下载「正式版」，安装后打开。
3. 建议再装一个 Chrome 浏览器，用来打开运行后的页面。

第一步：拿到文件夹

1. 如果你收到的是压缩包（例如 zip），先右键「解压到当前文件夹」或「解压到指定文件夹」。
2. 解压后，请找到名字叫 ernvxiangqin_uniapp 的文件夹。里面应该能看到 pages.json、App.vue、common 等文件。
3. 记住这个文件夹在电脑上的位置，后面要选中它。不要只打开里面某一个文件。

第二步：用 HBuilderX 打开整个项目

1. 打开已经安装好的 HBuilderX。
2. 点左上角 「文件」→「打开目录」（有的版本也叫「从本地打开」）。
3. 选中刚才的 ernvxiangqin_uniapp 文件夹，确定。
4. 左侧出现一长串文件名，就说明打开对了。如果左侧是空的，说明选错了文件夹，请重新选带 pages.json 的那一层。

第三步：用浏览器运行

1. 在 HBuilderX 顶部菜单点 「运行」→「运行到浏览器」→「Chrome」。
2. 第一次可能会提示安装浏览器运行插件，点允许或安装，等它装完再重新点一次运行。
3. 电脑会自动弹出一个网页。出现首页、底部「相亲 / 官方活动 / 消息 / 我的」，就说明运行成功了。
4. 不要关 HBuilderX，关了网页可能会断开。

常见情况说明

• 点了运行没反应：确认打开的是整个 ernvxiangqin_uniapp 文件夹，不是只打开了一个页面文件。
• 浏览器打开了但是花屏、一直转圈：等十几秒；仍不行就关掉网页，在 HBuilderX 里再点一次运行。
• 页面是空的、提示加载失败：检查电脑能否打开体验地址 https://ernvxq2.0.xianmaxiong.com ；如果这个网页本身打不开，用户端也会没数据。
• 微信支付、支付宝点了没反应：需要商家自己的支付账号，这份开源代码一般只能看到支付按钮，不能真的完成收款。
• 客服、短信验证码收不到：这些依赖服务端和第三方账号，界面可以点，功能不一定通。
• 聊天连不上：即时消息依赖 WebSocket，需服务端正常且网络允许。

第一次建议怎么验收

1. 按第三步在 Chrome 打开。
2. 能看到相亲首页推荐列表、底部四个按钮。
3. 点「我的」，能看到登录入口或资料卡片。
4. 再点「消息」「官方活动」，能进入对应页面。
   做到这里，就说明「这份用户端代码已经在你电脑上跑起来了」。