需求方向说明

彩票模板与竞技模板独立展示,各自保留对方分类 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,只能显示异常区块,体验很难统一。