字体排版系统

标题层级

开云·Kaiyun 车载体育娱乐系统

粗体 36px

五大联赛车载直播体验

粗体 30px

h3. 车载体育娱乐标题

粗体 24px

h4. 五大联赛实时数据

粗体 18px
h5. 智能语音解说服务
粗体 14px
h6. 毫秒级赛事推送
粗体 12px

按钮样式

默认 主要 成功 信息 警告 危险

精选kaiyun内容,kaiyun与你一同发现更多精彩。

默认 主要 成功 信息 警告 危险(开云网站)

默认 主要 成功 信息 警告 危险(开云官网)

默认 主要 成功 信息 警告 危险(开云体育官方网站)
默认 主要 成功 信息 警告 危险(与全球五大足球联赛官方数据商合作,提供毫秒级赛事直播与实时统计。)

进度条组件

信息带 progress-bar-info class.

成功带 progress-bar-success class.

警告带 progress-bar-warning class.

危险带 progress-bar-danger class.

反向带 progress-bar-inverse class.

反向带 progress-bar-inverse class.

35% 完成(成功)
20% 完成(警告)
10% 完成(危险)

提示框组件

分页导航

面包屑导航

徽章组件

通过添加修饰类改变徽章外观

样式名称 徽章示例
无修饰 42
.badge-primary 1
.badge-success 22
.badge-info 30
.badge-warning 412
.badge-danger 999

使用.badge类轻松高亮新消息或未读项

嵌入框样式

开云智能车载体育科技提供多种版式方案,满足不同车企的界面需求。
当用户浏览页面布局时,清晰的字体层级能有效引导视线。开云采用经典排版规范,确保五大联赛数据在车载屏幕上易读、准确。
排版是车载HMI设计的基础。开云自2017年起专注体育娱乐模块,为超过30家车企的60余款车型提供统一的字体与间距标准,保障驾驶安全与信息获取的平衡。

无序列表

有序列表

  1. 英超直播
  2. 西甲数据
  3. 德甲解说
  4. 意甲互动
  5. 法甲回放

表单元素

@
@example.com
$ .00
@
@
@

默认样式规范

基础表格只需在<table>上添加.table类,即可获得轻内边距与水平分隔线。

# 姓氏 名字 用户名
1 高亮 欧阳 @mdo
2 张伟 李明 @fat
3 王磊 小鸟 @twitter

可在.table基类上添加以下任一修饰类。

通过:nth-child CSS选择器为<tbody>内的表格行添加斑马条纹效果(IE7-8不支持)。

# 姓氏 名字 用户名
1 标记 欧阳 @mdo
2 张伟 李明 @fat
3 王磊 小鸟 @twitter

为表格添加边框和圆角。

# 姓氏 名字 用户名
1 标注 欧阳 @mdo
高亮 欧阳 @getbootstrap
2 张伟 李明 @fat
3 精选kaiyun内容,kaiyun与你一同发现更多精彩。 @twitter

在<tbody>内的表格行上启用悬停高亮状态。

# 姓氏 名字 用户名
1 标记 欧阳 @mdo
2 张伟 李明 @fat
3 kaiyun专注开云网站,为用户提供专业可靠的体验。 @twitter

© 2017 开云智能车载体育科技有限公司 版权所有

川ICP备2021457528号
kaiyun科技有限公司为全球汽车用户提供沉浸式、实时互动的五大足球联赛车载娱乐体验,推动体育与智能出行深度融合。电话:+86 186 1880 8424邮箱:[email protected]微信:kaiyun_777营业时间:7×24成都市高新区天府大道863号
📍 在百度地图查看位置