Owkey

简介

感谢您选择C7娱乐。如遇任何平台使用问题，请通过官方渠道联系我们。您的支持是我们前进的动力！

本指南旨在提供平台安装与使用方法的详细说明。

c7娱乐围绕持续的系统维护，保证平台稳定运行。不断创新，回应用户的真实需求。

C7娱乐平台致力于提供涵盖多种场景的互动娱乐体验，满足用户多样化需求。

精选官方标准化流程，铸就坚固平台信誉。内容，c7娱乐与你一同发现更多精彩。

安装

C7娱乐平台无需复杂安装。只需将压缩包内所有文件上传至您的服务器即可。

c7娱乐专注c7娱乐官网，为用户提供专业可靠的体验。

您可以通过以下两种方式部署C7娱乐平台文件：

1. 请将文件通过FTP上传至服务器的./owkey文件夹。 解压您下载的模板文件（Owkey_ThemeForest*.zip），并将/Owkey文件夹上传至您的服务器。

文件

C7娱乐平台包含丰富的文件结构，其中各目录与文件按照逻辑进行组织，方便您查找和修改。

您将在下载的压缩包中找到两个主要文件夹。

包含核心平台文件及一份详细的文档。请放心，所有内容均已完备。

文档

包含多个功能模块文件夹及一份索引文件，您可通过任意浏览器打开 `index.html` 即可查阅平台详细文档。

JavaScript

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

• 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 - Classie [版本: 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

以下列出了C7娱乐平台中最重要的CSS样式文件。

• css/style.css - C7娱乐专属样式 所有页面的主样式表。
• 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 用于开发响应式布局的框架样式表。
• assets/styles/dist/portfolio-with-images.css - C7娱乐专属样式 作品集（带图片）页面的样式表。
• css/animate.css 用于实现特殊动画效果的样式表。

Less

以下列出了C7娱乐平台中使用的主要Less预处理器文件，位于 `assets/less/` 目录下。

• css/style.less - C7娱乐基础样式 所有页面的基础样式表（使用LESS预处理器）。

致谢

以下列出了构建C7娱乐平台所使用的所有外部技术（框架、库、插件等）。

框架

Twitter Bootstrap v3.3.7	领先的前端开发框架。	http://getbootstrap.com/
jQuery v3.1.1	一款轻量、快速且功能丰富的JavaScript库，简化客户端脚本编写。	http://jquery.com/

插件 (JavaScript)

Slick Carousel	用于相关新闻轮播。	http://kenwheeler.github.io/slick/
Slider Revolution	美观且易用的滑块。	https://www.themepunch.com/revsliderjquery-doc/
jQuery Easing 插件	一个提供高级缓动选项的jQuery插件。	http://gsgd.co.uk/sandbox/jquery/easing/
ImagesLoaded	JavaScript库，用于图片加载完成后的操作。	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

围绕c7c7.app，c7娱乐持续打磨更优质的服务。

请访问 `assets/js/main.js` 文件，进行平台初始化配置：

必备属性说明

• infinite : true/fa
• speed : 默认(300) / 滑动/淡入淡出动画速度
• slidesToShow : 默认(1) / 显示的幻灯片数量
• slidesToScroll : 默认(1) / 滚动的幻灯片数量
• autoplay : true/fa
• autoplaySpeed : 默认(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
            }
        }
      ]
    });
 

帮助

如需进一步咨询，请访问我们的官方网站或联系客服。

我们将尽最大努力协助您解决与平台设置直接相关的问题。请注意，技术支持为自愿提供，旨在回馈广大用户。在联系我们之前，请尝试在以下资源中查找答案：

• 相关文档部分
• 通过搜索引擎查询