💕 恋爱关系健康度测评

基于心理学7大维度的专业恋爱关系测评工具

• 🧠 专业量表：基于Sternberg爱情三角理论、依恋理论、Gottman关系研究、Knapp关系发展模型等权威心理学理论设计
• 📊 7大维度：情感、沟通、信任、权力、成长、边界、一致性全面评估
• 📱 响应式设计：完美适配PC端和移动端，小红书风格UI
• 🔐 验证码保护：10组验证码系统，保护测评访问权限
• 📸 图片报告：一键生成精美的测评结果图片，支持分享和下载
• 💡 专业建议：根据测评结果提供个性化的改善建议

1. 下载本项目到本地
2. 直接用浏览器打开 index.html 文件
3. 开始使用！

# 使用 Python 启动简单服务器
python -m http.server 8000

# 或使用 Node.js
npx serve

# 然后在浏览器访问
# http://localhost:8000

1. 将项目推送到你的GitHub仓库
2. 进入仓库 Settings → Pages
3. 在 Source 下选择 Deploy from a branch
4. 选择 main 分支，点击 Save
5. 几分钟后访问 https://你的用户名.github.io/仓库名

relationship/
├── index.html          # 主页面
├── styles.css          # 样式文件（小红书风格）
├── quiz-data.js        # 题目数据和验证码
├── app.js             # 应用逻辑
└── README.md          # 项目说明

验证码存储在 quiz-data.js 文件的 validCodes 数组中：

const validCodes = [
    '7382',
    '4951',
    '2846',
    '8193',
    '5627',
    '1049',
    '6375',
    '9258',
    '3816',
    '7504'
];

修改验证码：

1. 打开 quiz-data.js 文件
2. 找到 validCodes 数组
3. 修改为你想要的4位数字验证码
4. 保存文件即可

1. 输入验证码：点击"开始测评"，输入4位数字验证码
2. 完成测评：35道题目，点击选项自动跳转下一题
3. 查看结果：查看总分、各维度得分和专业建议
4. 分享报告：点击"分享结果"生成精美图片

• 📝 分发验证码：将10组验证码分发给需要使用的用户
• 🔄 定期更换验证码：可以在 quiz-data.js 中修改
• 📊 收集反馈：根据用户反馈优化题目和建议

• HTML5：页面结构
• CSS3：样式设计（小红书风格）
• JavaScript (ES6+)：应用逻辑
• html2canvas：图片生成（通过CDN引入）

在 index.html 中修改：

<title>恋爱关系健康度测评 | 你和ta的关系还好吗？</title>
<meta name="description" content="...">

在 styles.css 中修改CSS变量：

:root {
    --primary-color: #FF2442; /* 小红书红 */
    --primary-light: #FFF0F2;
    --primary-dark: #E61E3A;
}

在 quiz-data.js 中修改 quizData.dimensions 数据。

在 quiz-data.js 中修改 resultAnalysis 数据。

本项目采用 MIT 协议开源。

欢迎提交 Issue 和 Pull Request！

• 项目地址：GitHub
• 问题反馈：Issues

⚠️ 免责声明：本测评仅供参考，不能替代专业的心理咨询或诊断。如遇严重问题，请及时寻求专业心理咨询师的帮助。