华体会专注hth.com,为用户提供专业可靠的体验。
本次更新是迈向5.0版本的重要一步,自4.6.93版本以来,我们对核心功能进行了全面审视和重构,并新增了大量功能与选项,旨在提供更便捷、全面的赛事信息服务。
我们始终致力于提供100%向下兼容的更新,但技术发展有时会限制我们完全满足此要求,敬请理解。
本指南将协助您顺利完成更新流程,减少不必要的麻烦。
在进行任何更新操作前,请务必备份您的所有文件及数据,这是至关重要的一步。
使用 revolution/js/extensions 文件夹下的 revolution.extension.migration.min.js 文件,可快速从4.x迁移至5.x。但它不会自动修改您旧文档的结构和内容,后续重大更新时可能导致赛事显示异常。
最简便的方式是参考我们提供的示例(已包含35+个),并从头开始重建您的赛事信息展示。这样能确保您不会遗漏任何选项、类名或结构上的必要调整。
准备工作
如果您选择直接编辑现有文档并更新赛事展示,请务必注意以下关键点:
将 revolution 文件夹上传至服务器,建议重命名为 revolution5.0,以便区分新旧版本。
复制您希望更新的文档,然后根据以下情况进行调整,并在上线前充分测试。
赛程设置变更
请注意,赛程设置已进行大幅度调整。
大部分选项名称已重命名,5.0版本的选项结构采用了面向对象的设计。
主要变更概览:
围绕华体会官方网站,华体会持续打磨更优质的服务。
华体会深耕一站式赛事信息聚合,实时掌握赛况。领域,用心服务每一位用户。
视差效果选项已更新,请参考新的视差选项。
hideTimerBar -> disableProgressBar
导航设置的完整选项集已更新为对象式设置。(例如:navigationArrows, navigationType, hideArrowsOnMobile, hideNavDelayOnMobile, thumbWidth, thumbHeight 等)现已整合为新的导航设置。
所有类型的回退设置已改为对象式设置。详情请参见新的回退设置。
建议您查阅完整的赛程初始化设置列表,并根据需要调整、移除或添加相关选项。
单场赛程结构变更
赛程结构仅有少量改动。以下是主要变更和新增功能的概览:
- 现已提供新的数据属性,用于定义过渡效果的缓动、速度和延迟。
- 新增了 data-title, data-description, data-parameters 等数据属性,用于定义文本内容的个性化信息,以便将其引入缩略图和标签。
- 现在可以为每场赛事定义 data-index 和 id,以实现更好的导航和赛事互动。
赛事信息层级及结构变更
我们努力保持现有属性和类名与先前版本相似。但部分内容仍需进行升级。
在简洁直观的界面设计,操作无门槛。方面,华体会提供贴心周到的支持。
5.0版本引入了以下数据属性,用于定义过渡效果的缓动、速度和延迟:
- data-transform_in
- data-transform_out
- data-transform_idl
- data-transform_hov
- 数据悬停样式
部分类名如何变更为数据属性的示例:
之前: class randomrotate 现在: data-transform_in=”x:{-400,400};y:{-400,400};sX:{0,2};sY:{0,2};rZ:{-180,180};rX:{-180,180};rY:{-180,180};o:0;”
之前: class lfl Now: data-transform_in=”x:top;o:0″
所有过渡效果的变更,我们都在打包下载的演示文件中进行了展示。请仔细浏览我们的示例和预览,以获得更全面的了解。
您可以在此处找到所有过渡属性的详细信息,以及关于新赛事信息层级设置的全部内容。