README

Neos CMS的Slick内容元素

这是JavaScript包slick的现成实现。

安装

通常，您需要对包进行一些小的调整（例如，Settings.yaml中的配置）。因此，将相应的包添加到主题包的composer清单中非常重要。通常，这是位于下的网站包。要正确安装，请转到您的主题包（例如，Packages/Sites/Foo.Bar）并运行以下命令

composer require unikka/neos-slick --no-update

使用--no-update命令可防止自动更新依赖项。在您的主题composer.json中添加包后，返回Neos安装的根目录并运行composer update。您的所需包现在已正确安装。

使用方法

此包使用背景图片作为幻灯片。如果您想为滑块使用固定高度，可以使用以下CSS覆盖默认值

.slick-slide {
    min-height: <your-slide-height>;
}

禁用/启用功能

幻灯片和滑块元素有一些混合，您可以使用它们来启用/禁用以及添加/删除功能。

示例

如果您想在后端禁用自动播放选项，可以这样做

'Unikka.Slick:Content.Slider':
  superTypes:
    'Unikka.Slick:Mixin.Autoplay': false

Unikka.Slick:Content.Slider 混合

Unikka.Slick:Content.Slide 混合

淡入选项

默认情况下禁用淡入选项，因为如果您启用淡入，则“显示的幻灯片”选项将不起作用。但您可以通过以下方式简单地启用它

'Unikka.Slick:Content.Slider':
  superTypes:
    'Unikka.Slick:Mixin.Fade': true 
    'Unikka.Slick:Mixin.SlidesToShow': false

配置

Unikka:
  Slick:
    # include the theme css file from slick
    theme: true
    backend:
      # disables autoplay in backend
      disableAutoplay: true
    # breakpoints for the responsive tab
    responsive:
      sm: 576px
      md: 768px
      lg: 992px
      xl: 1200px

贡献

我们希望您为neos-slick做出贡献。我们尽量使它尽可能简单。我们使用语义版本控制，以便有更多时间专注于重要的事情，而不是在依赖关系或发布地狱中挣扎。

因此，第一条规则是遵循eslint提交消息指南。如果您始终通过yarn commit提交，那就非常简单。Commitizen会引导您。

所有PR都将合并到主分支。Travis和语义发布将检查提交消息，并在分析最新提交时触发构建新版本。

如果您有任何问题，请通过Twitter或Github联系我们。

关于

该包基于Noerdisch/Slick包。我们感谢Noerdisch团队的所有努力。部分开发由Danske Folkekirken赞助，我们为Folkekirken使用滑块包并支持开源软件而感到自豪。

许可证

MIT许可证（MIT）。有关更多信息，请参阅许可证文件。