感谢您选择开云中国官方网站。如果您在使用过程中遇到任何疑问,欢迎随时通过我们的联系方式咨询。我们致力于为您提供稳定可靠的体育服务。

本指南旨在介绍如何接入并使用我们的标准版体育服务平台。

开云平台为各类企业提供全方位的体育服务,拥有简洁统一的界面和合理的功能布局,增强用户体验。

kaiyunlongnuo围绕定制化方案,解决企业发展痛点不断创新,回应用户的真实需求。

开云中国官方网站的标准版体育服务无需复杂安装,只需将相关文件部署至您的服务器即可。

精选严谨数据分析,提供可靠决策支持内容,kaiyunlongnuo与你一同发现更多精彩。

您可以通过以下两种方式接入我们的服务:

  1. 将开云龙诺咨询有限公司的必要文件上传到您的服务器。请将文件上传至服务器指定目录,并解压下载的模板压缩包。

开云平台包含丰富的功能模块,其清晰的目录结构便于您查找和进行个性化配置。

在您下载的压缩包中,您会找到以下主要内容:

简介 - kaiyunlongnuo

包含核心服务文件和详细的文档说明。我们确保所有内容都已精心准备。

文档

包含多个功能模块文件夹和一个入口文件。点击入口文件即可在浏览器中查看详细的平台功能介绍。

简介 - kaiyunlongnuo

JavaScript

所有核心功能脚本均位于 assets/ 目录下。

  • jQuery - 强大的JavaScript库,让前端开发更便捷。
  • jquery.unveilEffects.js - 炫酷的动画效果插件。
  • jquery.mCustomScrollbar.concat.min.js - 自定义滚动条样式。
  • jquery.themepunch.tools.min.js - Revolution Slider 插件的辅助工具。
  • jquery.themepunch.revolution.min.js - 强大的Revolution Slider插件。
  • slick.min.js - 流畅的轮播图插件。
  • classie.js - 简洁易用的DOM操作工具库。
  • bootstrap.min.js - 流行的前端框架,提供响应式布局和组件。
  • modernizr.custom.js - 检测浏览器对新技术的支持情况。
  • pathLoader.js - 用于路径加载的工具。

CSS

以下是本平台使用的主要CSS样式文件列表:

  • css/style.css - 开云龙诺官网的整体样式文件。
  • css/slick.css - Slick轮播图的专属样式。
  • css/setting.css - Revolution Slider 5.0的样式设置。
  • css/mCustomScrollbar.css - 自定义滚动条的样式文件。
  • css/bootstrap.min.css - Bootstrap v3.3.7框架的样式。
  • assets/styles/dist/portfolio-with-images.css - 专门用于图片组合作品集的样式。
  • css/animate.css - 提供各种炫酷的动画效果。

Less

以下是本平台在 css/ 目录下使用的主要Less文件:

  • 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 缓动插件 GSGD提供的jQuery插件,实现高级缓动效果。 http://gsgd.co.uk/sandbox/jquery/easing/
ImagesLoaded JavaScript图片加载辅助。 http://imagesloaded.desandro.com/
Isotope 实现神奇的布局筛选与排序。 http://isotope.metafizzy.co/

字体

思源黑体 思源黑体 https://fonts.google.com/specimen/Open+Sans
微软雅黑 微软雅黑 https://fonts.google.com/specimen/Montserrat
阿里巴巴普惠体 阿里巴巴普惠体 https://fonts.google.com/specimen/Work+Sans
Noto Sans SC Noto Sans SC https://fonts.google.com/specimen/Raleway

请前往 assets/js/main.js 文件进行配置:

关键步骤

  • 是否循环播放
  • 动画速度:默认(300)毫秒
  • 显示项目数:默认(1)个
  • 滚动项目数:默认(1)个
  • 自动播放
  • 自动播放间隔:默认(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
            }
        }
      ]
    });
 

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

我们将尽最大努力协助您解决与平台配置直接相关的问题。请注意,技术支持是基于我们对客户的感谢,因此在联系我们之前,请尝试在以下资源中查找答案:

  • 查看相关文档部分。
  • 通过搜索引擎查找

别忘了在开云中国官方网站上评价我们的服务。