看球通NBA直播-英超直播-看球通体育官网

在使用看球通的过程中，若有任何疑问或需要协助，请随时联系我们的客服团队。我们非常乐意为您服务！

本文件将引导您完成看球通体育直播平台的安装与基础使用。

看球通体育平台，为您提供NBA、英超等各类热门赛事的实时直播，画面高清流畅，数据同步更新，让您不错过任何精彩瞬间。

現在為您建立專業網站非常容易。看球通模板為您代勞，提供 19 個不同的頁面，可根據您的需求進行客製化整合。設計是扁平化、響應式且對 SEO 友善的。該模板有 2 個專業部落格佈局頁面，包含列表和網格佈局。注重 SEO 的設計和專業佈局有 4 種首頁選項。整合圖片、幻燈片等，使用 Revolution Slider 快速展示您的業務或講述您的業務故事。設計使用 Google 字體，對瀏覽器友善，並由 Twitter Bootstrap v3 提供支援。設計與插件相容，對您來說是個絕佳的選擇。

看球通体育平台安装简便，只需将下载包中的 ./看球通文件夹所有内容上传至您的服务器即可。

上傳模板文件

您可以选择以下两种方式来部署看球通平台文件：

通过 FTP 将看球通文件上传至服务器的 ./看球通文件夹。解压您下载的模板 .zip 文件。将 /看球通文件夹上传到您的服务器。

看球通平台的文件结构清晰，各目录和文件都经过精心组织，方便您快速定位和进行个性化调整。

下载包内含两大核心文件夹，请留意。

包含平台运行所需的核心文件及一份详尽的文档，为您提供全面的支持。

文件

包含四种不同功能的代码文件夹，以及一个主文档入口 index.html。直接打开 index.html 即可查阅所有文档。

JavaScript

所有 JavaScript 文件均位于 assets/ 目录下。

js/jquery-3.1.1.min.js - jQuery (v3.1.1) 一个旨在简化客户端脚本编写的 JavaScript 库。
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] - 核心JavaScript组件，为看球通官网提供稳定流畅的用户体验。
js/modernizr.custom.js - Modernizr [版本: 2.8.3] - 自动检测浏览器兼容性，确保看球通在各种设备上都能完美呈现。
js/pathLoader.js - PathLoader [版本: v1.0.0] - 提升看球通网站加载速度的路径加载器。

CSS

以下是我们为您整理的看球通平台主要的 CSS 文件列表。

css/style.css - 看球通专属样式 - 网站所有页面的核心视觉风格，彰显专业体育资讯。
css/slick.css - Slick Carousel专属样式 - 搭配Slick轮播，让看球通的赛事图片展示更具吸引力。
css/setting.css - Revolution Slider 5.0 - 专为Slider Revolution优化，为看球通的视觉呈现增添动感。
css/mCustomScrollbar.css - 自定义滚动条样式文件，让看球通的浏览体验更顺畅。
css/bootstrap.min.css - Bootstrap v3.3.7 - 响应式布局框架样式表，确保看球通在不同屏幕上都表现出色。
assets/styles/dist/portfolio-with-images.css - 看球通专属样式 - 专为展示精彩赛事集锦而设计的样式表。
css/animate.css - 酷炫动画效果样式表，为看球通的赛事播报增添活力。

Less

以下是我们为您整理的看球通平台主要的 Less 文件列表，它们位于 css/ 目录下。

css/style.less - 看球通专属Bootstrap样式 - 网站核心样式，采用LESS预处理器，提升开发效率。

我们在此列出构建看球通平台所使用的所有外部代码（框架、库、插件、模板等）。

框架

Twitter Bootstrap v3.3.7	前端开发必备框架。	http://getbootstrap.com/
jQuery v3.1.1	强大的JavaScript库，让看球通的交互更流畅。	http://jquery.com/

插件 (JavaScript)

Slick轮播	用于赛事资讯轮播。	http://kenwheeler.github.io/slick/
Slider Revolution	美观的赛事图片展示。	https://www.themepunch.com/revsliderjquery-doc/
jQuery缓动插件	提供流畅动画效果。	http://gsgd.co.uk/sandbox/jquery/easing/
ImagesLoaded	让看球通的图片加载更智能。	http://imagesloaded.desandro.com/
Isotope	实现赛事列表的动态排序。	http://isotope.metafizzy.co/

字體

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

请编辑 js/main.js 文件，以进行平台的主要配置：

关键属性说明

是否自动循环
动画切换速度（毫秒）
单次显示项目数
单次滚动切换项目数
是否自动播放
自动播放间隔（毫秒）

配置示例如下：


    $('.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
            }
        }
      ]
    });

如需更多帮助，请访问我们的官方网站或联系技术支持。

我们将竭诚为您解决与平台设置直接相关的问题。请注意，主题支持是作者自愿提供的，旨在回馈我们的客户。在联系我们之前，建议您先查阅以下资源，或许能找到您问题的答案：

查看相关操作指南
用Google搜常见问题

别忘了在 ThemeForest 上为我们的作品留下您的评价。

看球通

簡介

關於模板

安裝