更新记录

1.0（2026-11-10） 下载此版本

基于 uni-app（Vue3） 开发的 NBA 数据展示小程序，一套代码可编译到 抖音 / 微信 / 支付宝 / App / H5 多端。数据由自建后端（ThinkPHP + 勾股CMS）采集 NBA 官方数据源后统一输出。

功能模块

1. 赛程（首页）

• 按日期浏览赛程，支持左右切换日期、点击弹出日历选日期
• 比赛卡片：球队 Logo、队名、比分、状态徽标（未开始 / 直播中 / 已结束）、开赛时间
• 点击比赛进入详情

2. 比赛详情

• 比分头：两侧球队 Logo / 缩写 / 队名 + 大比分 + 各节得分明细表
• 比赛数据：双方球队数据对比（命中率、三分、罚球、篮板、助攻等），左右分列的技术统计表——左侧球员列固定，右侧数据列可横向滑动
• 实时直播：逐回合文字直播，按节分组，含时间、回合描述、实时比分
• 点击球队进球队主页，点击球员进球员主页

3. 排名

• 西部 / 东部切换的积分榜
• 排名、球队（Logo + 中文名）、胜、负、胜率、胜差、近况（连胜 / 连败）
• 数据从数据库读取，后台定时采集更新

4. 资讯

• 新闻列表：缩略图、标题、分类标签、发布时间、视频条数
• 新闻详情：正文图文 + 相关视频推荐

5. 视频

• 视频列表双列卡片：封面、标题、时长
• 视频详情页在线播放

6. 球员

• 球员主页：头像、球队、位置、号码、身高体重、生日、国籍、学校、选秀等基本信息
• 赛季场均数据网格（得分 / 篮板 / 助攻 / 抢断 / 盖帽等）
• 近期比赛数据日志
• 投篮热区图（canvas 绘制：命中 / 未命中点位）
• 球员对比：两名球员五维能力雷达图 + 数据并列对比

7. 球队

• 球队主页：队徽、战绩、近期赛程
• 球队阵容名单（号码、姓名、位置）

8. 我的（关注 + 登录）

• 未登录：仅显示登录按钮，按平台自动适配：
  • 微信：微信登录（uni.login 换 code）
  • 支付宝：my.getOpenUserInfo 授权登录
  • 抖音 / App：手机号 + 密码 注册登录（未注册自动创建账号）
• 已登录：顶部会员卡片（头像 + 昵称 + 平台标识），下方展示关注的球队和球员列表，每项可取消，底部退出登录
• 未登录期间的本地关注，在登录时自动迁移到账号；关注数据存于服务端，多端同步

技术说明

• 前端：uni-app Vue3 + TypeScript，条件编译区分平台
• 登录态：JWT（Bearer Token），本地缓存自动续登 前端访问https://nba.dtmall520.com/h5/#/

平台兼容性

NBA 数据小程序（nba-app-dy）

基于 uni-app（Vue3） 开发的 NBA 数据展示小程序，一套代码可编译到 抖音 / 微信 / 支付宝 / App / H5 多端。数据由自建后端（ThinkPHP + 勾股CMS）采集 NBA 官方数据源后统一输出。

功能模块

1. 赛程（首页）

• 按日期浏览赛程，支持左右切换日期、点击弹出日历选日期
• 比赛卡片：球队 Logo、队名、比分、状态徽标（未开始 / 直播中 / 已结束）、开赛时间
• 点击比赛进入详情

2. 比赛详情

• 比分头：两侧球队 Logo / 缩写 / 队名 + 大比分 + 各节得分明细表
• 比赛数据：双方球队数据对比（命中率、三分、罚球、篮板、助攻等），左右分列的技术统计表——左侧球员列固定，右侧数据列可横向滑动
• 实时直播：逐回合文字直播，按节分组，含时间、回合描述、实时比分
• 点击球队进球队主页，点击球员进球员主页

3. 排名

• 西部 / 东部切换的积分榜
• 排名、球队（Logo + 中文名）、胜、负、胜率、胜差、近况（连胜 / 连败）
• 数据从数据库读取，后台定时采集更新

4. 资讯

• 新闻列表：缩略图、标题、分类标签、发布时间、视频条数
• 新闻详情：正文图文 + 相关视频推荐

5. 视频

• 视频列表双列卡片：封面、标题、时长
• 视频详情页在线播放

6. 球员

• 球员主页：头像、球队、位置、号码、身高体重、生日、国籍、学校、选秀等基本信息
• 赛季场均数据网格（得分 / 篮板 / 助攻 / 抢断 / 盖帽等）
• 近期比赛数据日志
• 投篮热区图（canvas 绘制：命中 / 未命中点位）
• 球员对比：两名球员五维能力雷达图 + 数据并列对比

7. 球队

• 球队主页：队徽、战绩、近期赛程
• 球队阵容名单（号码、姓名、位置）

8. 我的（关注 + 登录）

• 未登录：仅显示登录按钮，按平台自动适配：
  • 微信：微信登录（uni.login 换 code）
  • 支付宝：my.getOpenUserInfo 授权登录
  • 抖音 / App：手机号 + 密码 注册登录（未注册自动创建账号）
• 已登录：顶部会员卡片（头像 + 昵称 + 平台标识），下方展示关注的球队和球员列表，每项可取消，底部退出登录
• 未登录期间的本地关注，在登录时自动迁移到账号；关注数据存于服务端，多端同步

技术说明

• 前端：uni-app Vue3 + TypeScript，条件编译区分平台
• 登录态：JWT（Bearer Token），本地缓存自动续登