需求方向说明
彩票模板与竞技模板独立展示,各自保留对方分类 Tab,不混排对方平台入口。
需求基准
- 模板定位:方案 1~4 为竞技模板;方案 5~7 为彩票模板。
- 首页分流:彩票模板隐藏竞技平台入口;竞技模板隐藏下方热门彩种内容。
- 分类 Tab:彩票模板保留竞技分类 Tab;竞技模板保留彩票分类 Tab。
- 首页框架:顶部及底部导航直接使用原图,不重画;中间内容从顶部原图下方开始。
- 彩票展示:以供应商 API 原始名称作为标题,例如「DB 彩票」,不使用彩票分类作为主标题。
- 内嵌规则:支持内嵌的平台一次只展示一个供应商内容,保留完整比例;下方保留我方底部导航栏。
- 不可内嵌:维持使用跳转进入。
- 首页互动:点击原图上的彩票/竞技入口切换主打方向;供应商页提供返回对应列表或首页。
七方案原型
已选彩票
供应商能力矩阵
保留供应商原始名称,区分内嵌能力与自定义名称能力。
| 体育 | ||
|---|---|---|
| 供应商原始名称 | 内嵌 | 自定义名称 |
| 皇冠体育 | 不支持 | 不支持 |
| IM体育 | 支持 | 不支持 |
| FB体育 | 支持 | 支持 |
| 熊猫体育 | 支持 | 支持 |
| 沙巴体育 | 支持 | 不支持 |
| 彩票 | ||
|---|---|---|
| 供应商原始名称 | 内嵌 | 自定义名称 |
| TCG 彩票 | 支持 | 不支持 |
| VR 彩票 | 不支持 | 不支持 |
| DB 彩票 | 支持 | 支持 |
| 大发彩票 | 支持 | 支持 |
| BBIN 彩票 | 不支持 | 不支持 |
| SG 彩票 | 不支持 | 不支持 |
| KS 彩票 | 支持 | 不支持 |
内嵌与跳转风险
依据当前第三方页面承接方式整理;作为开发评估与验收注意事项。
| 问题 | 风险 | 实际可能发生 |
|---|---|---|
| 第三方禁止 iframe | 高 | 第三方设置 X-Frame-Options/CSP frame-ancestors,页面直接无法嵌入。 |
| 登录/Token | 高 | 第三方原本靠跳转携带 token,iframe 内登录状态可能失效或需要另外串接。 |
| Cookie 限制 | 高 | iOS/Safari 对第三方 Cookie 限制较严,可能出现反复登录、session 丢失。 |
| 跨域问题 | 高 | 无法直接读取或操作 iframe 里的 DOM、按钮、赔率、游戏内容。 |
| 返回/跳转 | 中高 | 第三方内部再跳页、返回首页、关闭、重新整理等行为不好控制。 |
| RWD/高度 | 中高 | 第三方页面是自己的版型,首页宽度、iframe 高度容易出现双滚动、切版。 |
| Header/Footer 重复 | 中高 | 我方有 Header,第三方又有 Header/导航列,看起来像「网站里再塞网站」。 |
| 性能 | 中高 | 首页同时载入数个第三方 iframe,首屏速度、内存、流量都会明显增加。 |
| 第三方改版不可控 | 中高 | 对方一改 UI、高度、URL 或登录流程,我方首页可能直接损坏。 |
| 错误处理 | 中 | 第三方维护/timeout/502,只能显示异常区块,体验很难统一。 |