xiaocao-dating/README.md · 约 1281 字符
1# 小草心动 — 婚恋交友 / 找搭子 H5
2
3纯原生 HTML/CSS/JS，无构建、无外部依赖，可直接用浏览器或 file:// 打开。
4
5## 产品定位
6约会 + 找搭子 二合一的轻社交应用。深度参考探探（滑卡）、Soul（灵魂测试）、丛丛/咕哇（搭子广场）等竞品，
7采用深色浪漫玻璃拟态主题，区别于常规 TabBar 模板。
8
9## 页面
10- index.html 心动首页：探探式全屏可拖拽滑卡（右滑心动 / 左滑跳过 / 超级喜欢），匹配弹层
11- soul.html 灵魂匹配：4 题灵魂鉴定 → 性格结果 → 同频推荐
12- dazi.html 搭子广场：饭/旅游/运动/学习/游戏/电影搭子，场景筛选 + 发起搭子
13- moments.html 心动动态：图文动态 feed，点赞互动
14- mine.html 我的：资料卡 / 心动·匹配·搭子统计 / 消息 / 菜单
15
16## 设计亮点
17- 深色私密风 + 玻璃拟态 + 柔光渐变（约会类产品最佳观感）
18- 悬浮玻璃药丸底部导航
19- 滑卡支持鼠标拖拽与触摸滑动，带旋转与决策标签动效
20- 头像用渐变 + emoji 代替真人照片，零依赖且风格统一
21
22## 说明
23- 数据集中在 data.js，改文案/用户/搭子只需改这一处。
24- 适配移动端（390×844 视口）。
25