redturtle.patterns.slider 0.1.2

文档

安装

通过将其添加到您的buildout中安装redturtle.patterns.slider

[buildout]

...

eggs =
    redturtle.patterns.slider

然后运行 bin/buildout

之后，您需要从控制面板中将它安装到您的Plone站点。

模式使用

此模式遵循 slick 的标准，因此您需要一个包含项目列表的div。

要使div中的模式生效，您只需将其添加“pat-slider”类即可

<div class="pat-slider">
...
</div>

为滑块提供一组默认参数

• dots: true

• slidesToShow: 4

• slidesToScroll: 4

• arrows: true

• lazyLoad: ‘ondemand’

如果您想更改某些内容，您只需向div添加额外的配置（mockup-style）即可，如下所示

<div class="pat-slider"
     data-pat-slider="dots: false; arrows: false">
...
</div>

JS开发和打包

如果您需要开发此产品的javascripts或样式，您需要编译资源注册表包的代码。为此，有两种grunt任务。

首先，您需要安装此包根目录中 package.json 文件中列出的grunt依赖项

npm install

之后，您可以使用两个不同的grunt任务

• grunt：默认任务，使用watch监听文件变化并自动重新构建资源和包

• grunt compile：手动编译所有资源和包

贡献

• 问题跟踪器：https://github.com/RedTurtle/redturtle.patterns.slider/issues

• 源代码：https://github.com/RedTurtle/redturtle.patterns.slider

许可证

该项目采用GPLv2许可。

0.1.2 (2018-06-11)

• 发布于pypi [cekk]

0.1.1 (2017-12-21)

• 改进了slider js [nzambello]

0.1.0 (2017-09-18)

• 初始发布。[cekk]