雷速 - 全球体育赛事直播平台

感谢您选择雷速。有关平台设置或功能的任何疑问，请联系我们的支持团队。我们将竭诚为您服务。

本文档提供了部署和使用雷速平台的详细说明。

雷速提供广泛的体育及电竞赛事覆盖，并具备灵活的界面，助您构建理想的观看体验。

现在，构建专业的网站变得非常容易。Owkey 模板为您代劳，拥有 19 个不同的页面，可根据您的需求进行定制集成。设计是扁平化、响应式且对 SEO 友好。该模板有 2 个专业的博客布局页面，包含列表和网格布局。注重 SEO 的设计和专业的布局有 4 种首页选项。集成图片、幻灯片等，使用 Revolution Slider 快速展示您的业务或讲述您的业务故事。设计使用谷歌字体，对浏览器友好，并由 Twitter Bootstrap v3 提供支持。设计与插件兼容，对您来说是一笔划算的交易。

雷速平台无需复杂安装。只需将./leisu目录下的所有文件上传至您的服务器即可。

上传模板文件

您可以通过两种主要方式部署雷速平台文件：

通过FTP将模板文件上传至您的服务器。解压下载的模板.zip文件。将"Leisu"文件夹上传至您的Web服务器的根目录。

雷速平台按逻辑目录和文件进行组织，确保高效的资源管理和便捷的修改。

下载的压缩包内包含两个主要文件夹。

该软件包包含核心平台构建和文档文件夹，提供补充资源。我们确保提供所有必需的组件。

文档

平台包含多个包含核心代码的目录。使用任意网页浏览器访问主索引文件，即可查看全面的文档。

JavaScript

所有实时数据源均位于/api目录下。

js/jquery-3.1.1.min.js - jQuery [版本 3.1.1] 一个基础的JavaScript库，用于高效的客户端脚本和DOM操作。
JS/jquery.unveilEffects.js - 一个用于增强用户界面过渡的动画插件。
js/jquery.mCustomScrollbar.concat.min.js - 增强用户浏览体验的自定义滚动条插件。
js/jquery.themepunch.tools.min.js - Revolution Slider 的核心实用脚本。
js/jquery.themepunch.revolution.min.js - Revolution Slider 主要插件，用于动态内容展示。
js/slick.min.js - Slick Carousel [版本: 1.5.0] - 用于内容轮播展示的强大插件。
js/classie.js - bonzo [版本: 1.5.0] - 轻量级、可扩展的 DOM 工具库。
js/bootstrap.min.js - Bootstrap [版本: v3.3.7] - Bootstrap 响应式框架的必备 JavaScript 组件，实现交互元素。
js/modernizr.custom.js - Modernizr [版本: 2.8.3] - 检测浏览器原生 CSS 和 HTML5 特性支持，优化兼容性。
js/pathLoader.js - PathLoader [版本: v1.0.0] - 用于管理资源加载的默认浏览器加载脚本。

CSS

下方概述了控制雷速平台外观的主要CSS文件。

css/style.css - 雷速主样式 - 定义所有页面视觉外观的主样式表。
css/slick.css - Slick Carousel 专用样式 - Slick Carousel 组件的专用样式表。
css/setting.css - Revolution Slider 5.0 样式 - Revolution Slider 的屏幕样式表。
css/mCustomScrollbar.css - 自定义滚动条组件的样式表。
css/bootstrap.min.css - Bootstrap v3.3.7 - Bootstrap 响应式网格系统和组件的核心样式表。
assets/styles/dist/portfolio-with-images.css - 雷速作品集样式 - 包含图片画廊的作品集页面的样式表。
css/animate.css - 提供预定义 CSS 动画以实现动态效果的样式表。

Less

在/less目录下，您将找到用于进一步定制的源Less文件。

css/style.less - 雷速全局样式 - 使用 LESS 编写的、定义整体网站美学的主样式表。

我们集成了多种外部库、框架和插件，以增强雷速平台的功能和用户体验。

框架

Twitter Bootstrap v3.3.7	构建响应式 Web 界面的领先框架。	http://getbootstrap.com/
jQuery v3.1.1	一个快速、小巧且功能丰富的库，简化客户端脚本。	http://jquery.com/

插件 (JavaScript)

Slick Carousel	用于赛事精彩集锦轮播	http://kenwheeler.github.io/slick/
Revolution Slider	视觉吸引力强且流畅的滑块组件。	https://www.themepunch.com/revsliderjquery-doc/
jQuery Easing 插件	提供高级动画缓动选项的 jQuery 插件。	http://gsgd.co.uk/sandbox/jquery/easing/
ImagesLoaded	确保图片在动画触发前加载。	http://imagesloaded.desandro.com/
Isotope	内容的动态过滤和排序。	http://isotope.metafizzy.co/

字体

Open Sans	Open Sans 字体	https://fonts.google.com/specimen/Open+Sans
Montserrat	Montserrat 字体	https://fonts.google.com/specimen/Montserrat
Work Sans	Work Sans 字体	https://fonts.google.com/specimen/Work+Sans
Raleway	Raleway 字体	https://fonts.google.com/specimen/Raleway

请参阅/config/settings.js文件以获取核心平台配置。

核心参数配置

无限循环 : true/false
动画速度 : 默认(300) / 动画过渡时长 (毫秒)
可见幻灯片数 : 默认(1) / 一次可见的幻灯片数量
滚动幻灯片数 : 默认(1) / 每次滚动前进的幻灯片数量
自动播放 : true/false
自动播放速度 : 默认(3000) / 自动播放间隔 (毫秒)

配置片段示例：


    $('.mils-slider').slick({
        infinite: false,
        speed: 300,
        slidesToShow: 6,
        slidesToScroll: 1,
        autoplay: true,
        autoplaySpeed: 2000,
        responsive: [
        {
            breakpoint: 1024,
            settings: {
                slidesToShow: 3,
                slidesToScroll: 3,
                infinite: true,
                dots: true
            }
        },
        {
            breakpoint: 600,
            settings: {
                slidesToShow: 2,
                slidesToScroll: 2
            }
        },
        {
            breakpoint: 480,
            settings: {
                slidesToShow: 1,
                slidesToScroll: 1
            }
        }
      ]
    });

如需持续支持和详细的常见问题解答，请查阅我们的官方知识库或直接联系我们。

我们的支持团队致力于协助处理任何平台相关的咨询。但请注意，全面的技术支持是免费提供的。在联系我们之前，我们建议您先查阅现有文档和社区资源，以找到常见问题的答案。

请参阅雷速详尽文档
搜索雷速支持

我们非常重视您的反馈。请考虑评价您对雷速的体验。

Owkey

简介

关于模板

安装