| 📐 常规设计版 v1 ✨ 玻璃拟态版 v2 🚀 运动科技版 v3 ← 返回导航

海南体育赛事线上积分平台

UI设计常规设计 - 运动活力风格 + 海南热带风情

色彩系统

主色调

海洋蓝 Primary

#2B7FF9

主按钮、链接、重点

活力绿 Success

#22C55E

成功状态、积分

珊瑚橙 Accent

#FF6B4A

热门标签、积分高亮

青色 Teal

#14B8A6

特色功能、新功能

金牌色 Warning

#F59E0B

警告、金牌、VIP

错误红 Error

#EF4444

错误提示、危险操作

按钮组件

统计卡片

📊

今日报名

1,234

↑ 12.5%

👥

活跃用户

56,789

↑ 8.3%

💰

今日收入

¥123,456

↑ 15.2%

🎁

积分消耗

98,765

↑ 10.1%

赛事卡片

热门报名中

2026海南国际马拉松赛

📍 海南省海口市 · 美兰区

📅 2026-06-15 08:00

👥 4500人已报名 / 5000人

¥99

+99积分

报名中

2026环岛自行车赛

📍 海南省三亚市

📅 2026-07-20 07:00

👥 2300人已报名 / 3000人

¥68

+68积分

积分展示

🎫

参赛积分

2,500积分

有效期至 2026-12-31

🎁

消费积分

8,888积分

≈ ¥88.88 价值

状态标签

✓ 已完成 ● 报名中 ◐ 进行中 ○ 已结束 ✕ 已驳回

表单组件

输入框

用户名*

密码

错误示例

用户名不能为空

Tab切换

Tab切换用于筛选和分类导航

数据表格

ID	赛事名称	类型	报名人数	报名费	状态	操作
1	2026海南马拉松	跑步	4500/5000	¥99	● 报名中	查看
2	2026环岛自行车赛	骑行	2300/3000	¥68	● 报名中	查看
3	2026青少年游泳赛	游泳	1800/2000	¥58	◐ 报名截止	查看
4	2026足球友谊赛	球类	500/500	¥38	✓ 进行中	查看

小程序端预览

赛事通

🏃

赛事

✈️

文旅

🎁

积分

📋

订单

热门赛事更多 >

2026海南马拉松

📍 海口 · 06-15

🏠 首页

🏃 赛事

✈️ 文旅

🎁 积分

👤 我的

Web管理后台预览

🏆 海南体育赛事平台

📊

1,234

今日报名

👥

56,789

活跃用户

💰

¥123,456

今日收入

🎁

98,765

积分消耗

最新赛事

赛事名称	报名人数	报名费	状态
2026海南马拉松	4500/5000	¥99	● 报名中
2026环岛自行车赛	2300/3000	¥68	● 报名中