Logo | 📐常规设计版 v1 ✨玻璃拟态版 v2 🚀 运动科技版 v3 ← 返回导航
全新设计系统 · 2026 Edition

运动与科技的
完美融合

为海南体育赛事平台打造现代、流畅、令人愉悦的用户体验。 无论是参赛者还是管理者,都能感受到设计的用心。

2,500
消费积分

微信小程序 · 流畅体验

基于uni-app + Vue 3,遵循微信小程序设计规范,打造原生级流畅体验

🏠 首页
9:41
赛事通
🏃
赛事
🏨
酒店
🎁
积分
📋
订单
🔥 热门赛事 查看全部 →
🏅
2026海南国际马拉松赛
海口市 · 美兰区 2026-06-15 08:00
🚴
2026环海南岛自行车赛
三亚市 2026-07-20 07:00
首页
赛事
积分
我的
📋 赛事详情
9:41
🔥 热门 🟢 报名中
2026海南国际
马拉松赛
¥99
报名费
5000
总人数
2,340
已报名
📍 赛事信息
2026海南国际马拉松赛将于6月15日在海口市鸣枪起跑,设全程马拉松、半程马拉松和迷你跑三个项目...
🏆 奖项设置
全程马拉松冠军奖励消费积分5000分,亚军3000分,季军2000分...
💎 积分中心
9:41
我的积分
我的消费积分
2,500积分
≈ ¥25.00 价值 · 有效期至 2026-12-31
🎫
1,500
参赛积分
🎁
2,500
消费积分
📖 积分规则
支付报名费 1:1 转为参赛积分
赛事获奖获得消费积分奖励
商场消费可使用积分抵扣
酒店预订、景点门票可用积分兑换
首页
赛事
积分
我的

极致流畅

利用微信原生渲染引擎,配合骨架屏和预加载策略,确保每一次滑动都丝般顺滑

🎯

极简交互

遵循微信设计规范,操作路径不超过3步,重要信息一目了然,决策成本降到最低

🎨

品牌一致

海洋蓝主色调 + 活力绿点缀,热带风情与运动精神完美融合,强化品牌记忆

Web 管理平台 · 专业高效

Vue 3 + Element Plus 构建,数据可视化驱动决策,让管理更轻松

💻 运营大盘
首页 / 运营大盘
3
56,789
活跃用户
+12.5%
12,345
今日报名
+8.3%
¥123K
今日收入
+15.2%
98,765
积分消耗
+10.1%
报名趋势
近7天 近30天
周一
周二
周三
周四
周五
周六
周日
最新赛事
赛事名称 报名 状态 操作
2026海南马拉松 4500/5000 报名中 查看
2026环岛自行车 2300/3000 报名中 查看
2026青少年游泳赛 1800/2000 截止 查看

数据驱动

ECharts 图表引擎,实时数据看板,多维度分析,辅助管理决策

权限严控

RBAC 角色权限体系,精细化操作审计,确保平台安全合规

高效审批

商户入驻、赛事审核全流程线上化,状态实时追踪,效率提升80%

智能预警

多维度异常监控,支付风险、资质逾期自动预警,第一时间响应

统一 · 规范 · 可复用

完整的设计规范,确保全平台视觉一致性

海洋蓝
#2B7FF9
活力绿
#22C55E
珊瑚橙
#FF6B4A
沙滩金
#F59E0B
青色
#14B8A6
错误红
#EF4444
深灰
#1F2937

色彩系统

主色 + 功能色 + 中性色三层体系,支持明暗模式自动切换

字体规范

思源黑体 + Inter 组合,字重、字号层级分明,阅读体验舒适

间距系统

8px 基准网格,XS/SM/MD/LG/XL/XXL 六级间距体系,视觉和谐统一

组件库

Button / Card / Table / Form 等基础组件,API 一致,可直接复用

动效规范

精心调校的动画,让每一次交互都愉悦

快速响应
100-150ms
🔄
页面切换
250-300ms
🌊
微交互动效
200ms ease-out