感谢您选择看球通!如果您在使用过程中遇到任何问题,请随时通过我们的客服渠道联系我们。非常感谢!

本指南将详细介绍如何安装和使用看球通体育直播平台。

看球通体育平台,覆盖各类体育赛事,提供高清流畅的直播体验,助您畅享比赛精彩。

想了解更多看球通足球直播相关内容,尽在看球通。

看球通体育平台无需复杂安装,只需将 ./看球通 文件夹内的所有文件上传到您的服务器即可。

看球通围绕看球通NBA直播不断创新,回应用户的真实需求。

您可以通过以下两种方式上传看球通平台文件:

  1. 通过FTP将Owkey文件上传至服务器的./owkey文件夹。 解压您下载的模板.zip文件(Owkey_ThemeForest*.zip)。 将/Owkey文件夹上传到您的服务器。

看球通平台包含丰富的目录和文件,它们逻辑清晰地组织了通用资源,方便您查找和修改。

在您下载的 .zip 文件中,您会找到 2 个主要文件夹。

简介 - 看球通

包含平台的核心文件和一份详细的文档。请放心,一切都已为您准备妥当。

文档

内含四个不同功能的代码文件夹,以及一个 index.html 文件。直接用浏览器打开 index.html 即可查阅详细文档。

简介 - 看球通

JavaScript

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

  • js/jquery-3.1.1.min.js - jQuery [版本 3.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] Slick Carousel插件,用于创建响应式的图片轮播。
  • 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] 自动检测用户浏览器对下一代Web技术的支持情况。
  • 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 用于Slick Slider的屏幕样式。
  • css/mCustomScrollbar.css 自定义滚动条的样式文件。
  • css/bootstrap.min.css - Bootstrap v3.3.7 用于开发响应式布局的框架样式表。
  • assets/styles/dist/portfolio-with-images.css - 看球通专属样式 Portfolio-with-images页面的样式表。
  • css/animate.css 用于实现各种酷炫动画效果的样式表。

Less

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

  • css/style.less - 看球通专属Bootstrap样式 所有页面的核心样式表。

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

框架

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缓动插件 GSGD的jQuery插件,提供高级缓动选项。 http://gsgd.co.uk/sandbox/jquery/easing/
ImagesLoaded JavaScript的口号:“你的图片准备好了吗?” http://imagesloaded.desandro.com/
Isotope 过滤和排序魔法布局 http://isotope.metafizzy.co/

字体

Open Sans 谷歌字体 https://fonts.google.com/specimen/Open+Sans
Montserrat 谷歌字体 https://fonts.google.com/specimen/Montserrat
Work Sans 谷歌字体 https://fonts.google.com/specimen/Work+Sans
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
            }
        }
      ]
    });
 

如需进一步帮助,请访问我们的 Envato 主页或官方网站。

我们将尽力协助您解决与平台设置直接相关的问题。但请注意,主题支持是作者自愿提供的,我们这样做是为了感谢我们的客户。因此,在联系我们之前,请尝试在以下资源中查找您问题的答案:

  • 查看相关文档部分
  • 通过Google

别忘了在 ThemeForest 上为我们的作品评分。