|
|
@@ -585,6 +585,10 @@ UniApp 通过 `pages.json` 配置：
|
|
|
| 首页 | 数码能量学 | `#1E3A5F` | white |
|
|
|
| 命盘解读 | 数字能量命盘 | `#1E3A5F` | white |
|
|
|
| AI解读 | AI 命盘解读 | 透明（自定义头） | — |
|
|
|
+| 关系页（非会员） | 数字能量关系 | `#1E3A5F` | white |
|
|
|
+| 关系页（超级会员） | 数字能量关系 | `#1E3A5F` | white |
|
|
|
+| 关系详情 | 关系能量分析 | `#1E3A5F` | white |
|
|
|
+| 号码分析 | 号码能量分析 | `#1E3A5F` | white |
|
|
|
| 分销面板 | 分销中心 | `#1E3A5F` | white |
|
|
|
| 个人中心 | 我的 | `#1E3A5F` | white |
|
|
|
| 支付页 | 确认支付 | `#1E3A5F` | white |
|
|
|
@@ -600,7 +604,7 @@ UniApp 通过 `pages.json` 配置：
|
|
|
"borderStyle": "white",
|
|
|
"list": [
|
|
|
{ "pagePath": "pages/index/index", "text": "首页", "iconPath": "static/tab/home.png", "selectedIconPath": "static/tab/home-active.png" },
|
|
|
- { "pagePath": "pages/chart/index", "text": "命盘", "iconPath": "static/tab/chart.png", "selectedIconPath": "static/tab/chart-active.png" },
|
|
|
+ { "pagePath": "pages/relations/index", "text": "关系", "iconPath": "static/tab/relation.png", "selectedIconPath": "static/tab/relation-active.png" },
|
|
|
{ "pagePath": "pages/records/index", "text": "分析", "iconPath": "static/tab/records.png", "selectedIconPath": "static/tab/records-active.png" },
|
|
|
{ "pagePath": "pages/profile/index", "text": "我的", "iconPath": "static/tab/profile.png", "selectedIconPath": "static/tab/profile-active.png" }
|
|
|
]
|
|
|
@@ -608,6 +612,8 @@ UniApp 通过 `pages.json` 配置：
|
|
|
}
|
|
|
```
|
|
|
|
|
|
+> **命盘页面**（`pages/chart/index`）已从 tabBar 移除，通过首页"开始咨询"或分析记录"查看详情"跳转访问。
|
|
|
+
|
|
|
### 8.3 触摸区域
|
|
|
|
|
|
- **最小可点击区域**：`44px × 44px`（微信官方推荐）
|
|
|
@@ -637,6 +643,142 @@ UniApp 通过 `pages.json` 配置：
|
|
|
}
|
|
|
```
|
|
|
|
|
|
+### 8.5 关系页签专属规范
|
|
|
+
|
|
|
+**8.5.1 非会员付费引导页（`pages/relations/index.vue`）**
|
|
|
+
|
|
|
+```
|
|
|
+┌─────────────────────────────┐
|
|
|
+│ 🔗 数字能量关系 │
|
|
|
+│ │
|
|
|
+│ 了解你与TA的数字能量匹配度 │
|
|
|
+│ │
|
|
|
+│ ┌── 功能预览（6网格） ──┐ │
|
|
|
+│ │ 👫 夫妻合盘 │ │
|
|
|
+│ │ 👨👩👧👦 亲子匹配 │ │
|
|
|
+│ │ 👔 同事合作 │ │
|
|
|
+│ │ 🤝 朋友兼容 │ │
|
|
|
+│ │ 📊 上下级关系 │ │
|
|
|
+│ │ 🔢 号码能量 │ │
|
|
|
+│ └──────────────────────┘ │
|
|
|
+│ │
|
|
|
+│ ┌─────────────────────┐ │
|
|
|
+│ │ 开通超级会员 ¥1,314/年│ │
|
|
|
+│ │ 解锁全部关系分析功能 │ │
|
|
|
+│ └─────────────────────┘ │
|
|
|
+│ 💡 含无限AI解读+PDF导出 │
|
|
|
+└─────────────────────────────┘
|
|
|
+```
|
|
|
+
|
|
|
+- 背景色：`#F7F8FC`（浅灰蓝）
|
|
|
+- 功能图标尺寸：`48px × 48px`，圆角 `12px`
|
|
|
+- 网格间距：`16px`
|
|
|
+- 底部CTA按钮：品牌色渐变 `linear-gradient(135deg, #1E3A5F, #2C5282)`，白色文字，圆角 `24px`
|
|
|
+
|
|
|
+**8.5.2 超级会员关系首页（`pages/relations/index.vue`，超级会员可见）**
|
|
|
+
|
|
|
+```
|
|
|
+┌─────────────────────────────┐
|
|
|
+│ 我的命盘 张三 · 主性格 8 │ ← 用户卡片
|
|
|
+│ 📊 查看完整命盘 │
|
|
|
+├─────────────────────────────┤
|
|
|
+│ ＋ 添加新关系人 │ ← 大号CTA按钮
|
|
|
+├─────────────────────────────┤
|
|
|
+│ 关系分类（6网格） │
|
|
|
+│ 👫 夫妻 👨👩👧👦 亲子 │
|
|
|
+│ 👔 同事 🤝 朋友 │
|
|
|
+│ 📊 上下级 🔢 号码 │
|
|
|
+├─────────────────────────────┤
|
|
|
+│ 最近分析 │
|
|
|
+│ ── 夫妻 ── │
|
|
|
+│ 李四 · 匹配 85% ▶ │
|
|
|
+│ ── 亲子 ── │
|
|
|
+│ 小明 · 匹配 72% ▶ │
|
|
|
+│ ── 号码 ── │
|
|
|
+│ 138****5678 · 78分 ▶ │
|
|
|
+└─────────────────────────────┘
|
|
|
+```
|
|
|
+
|
|
|
+- 顶部用户卡片：品牌色背景 `#1E3A5F`，白色文字，圆角 `12px`，`margin: 16px`
|
|
|
+- "添加关系人"按钮：品牌色 `#1E3A5F`，白色加粗文字，圆角 `24px`，高度 `48px`
|
|
|
+- 关系人列表项：`16px` 圆角，`12px` 内边距，左侧关系类型图标
|
|
|
+- 匹配度颜色：≥80% `#38A169`（绿） / 60-79% `#3182CE`（蓝） / 40-59% `#D69E2E`（黄） / <40% `#DD6B20`（橙）
|
|
|
+
|
|
|
+**8.5.3 双命盘对比页（`pages/relations/chart-compare.vue`）**
|
|
|
+
|
|
|
+```
|
|
|
+┌─────────────────────────────┐
|
|
|
+│ ← 关系分析 │
|
|
|
+│ │
|
|
|
+│ 张三 · 主性格8 李四 · 主性格5│
|
|
|
+│ ┌──命盘──┐ ┌──命盘──┐ │
|
|
|
+│ │ O │ │ O │ │
|
|
|
+│ │ M N │ │ M N │ │
|
|
|
+│ │I J K L │ │I J K L │ │
|
|
|
+│ └────────┘ └────────┘ │
|
|
|
+│ │
|
|
|
+│ ═══ 能量匹配度 ═══ │
|
|
|
+│ ┌─────────────────┐ │
|
|
|
+│ │ ╭───╮ │ │
|
|
|
+│ │ │85%│ │ │ ← 环形进度条
|
|
|
+│ │ ╰───╯ │ │
|
|
|
+│ │ 👫 夫妻关系 │ │
|
|
|
+│ └─────────────────┘ │
|
|
|
+│ │
|
|
|
+│ 【AI解读】 │
|
|
|
+│ 💬 核心互动 │
|
|
|
+│ 8号领导型与5号自由型... │
|
|
|
+│ │
|
|
|
+│ ✅ 优势 │
|
|
|
+│ · 互相欣赏对方的能力 │
|
|
|
+│ · 共同追求事业成就 │
|
|
|
+│ · 价值观高度一致 │
|
|
|
+│ │
|
|
|
+│ ⚠️ 注意点 │
|
|
|
+│ · 8号控制欲vs5号自由需求 │
|
|
|
+│ · ... │
|
|
|
+│ │
|
|
|
+│ 💡 相处建议 │
|
|
|
+│ ... │
|
|
|
+└─────────────────────────────┘
|
|
|
+```
|
|
|
+
|
|
|
+**8.5.4 号码能量分析页（`pages/relations/number-analysis.vue`）**
|
|
|
+
|
|
|
+```
|
|
|
+┌─────────────────────────────┐
|
|
|
+│ ← 号码能量分析 │
|
|
|
+│ [📱 手机号] [🚗 车牌号] │ ← 选项卡
|
|
|
+│ │
|
|
|
+│ 输入手机号 │
|
|
|
+│ ┌─────────────────────┐ │
|
|
|
+│ │ 138 1234 5678 │ │
|
|
|
+│ └─────────────────────┘ │
|
|
|
+│ │
|
|
|
+│ [ 🔍 分析 ] │
|
|
|
+│ │
|
|
|
+│ ─── 分析结果 ─── │
|
|
|
+│ 综合评分：78/100 ⭐ 中上 │
|
|
|
+│ │
|
|
|
+│ 能量分布： │
|
|
|
+│ 💰 天医 ████████░░ 2次 │
|
|
|
+│ 🏆 延年 ████░░░░░░ 1次 │
|
|
|
+│ 🌱 生气 ██████░░░░ 1次 │
|
|
|
+│ 🔒 伏位 ██████████ 3次 │
|
|
|
+│ │
|
|
|
+│ 【AI解读】 │
|
|
|
+│ 此号码天医双现... │
|
|
|
+│ │
|
|
|
+│ 📤 分享 💾 保存 │
|
|
|
+└─────────────────────────────┘
|
|
|
+```
|
|
|
+
|
|
|
+- 选项卡：激活态品牌色下划线 + 加粗，未激活灰色
|
|
|
+- 输入框：`height: 48px`，字号 `18px`，居中对齐，`letter-spacing: 4px`
|
|
|
+- 分析按钮：品牌色 `#1E3A5F`，白色文字，`border-radius: 24px`
|
|
|
+- 能量条：`height: 16px`，`border-radius: 8px`，颜色按星位区分（天医=绿/延年=蓝/生气=橙/伏位=灰/凶星=红渐变）
|
|
|
+- 号码自动格式化：每4位加空格
|
|
|
+
|
|
|
---
|
|
|
|
|
|
## 九、组件库（参考实现）
|
