提供滑块的模型的附加模式。
redturtle.patterns.slider的Python项目详细描述
一种基于plone模型的模式,可在选定的div上启用滑动条。
http://kenwheeler.github.io/slick/
文档
安装
通过将redturtle.patterns.slider添加到构建中来安装它:
[buildout] ... eggs = redturtle.patterns.slider
然后运行bin/buildout
之后,您需要从控制面板将其安装到plone站点。
模式使用
这个模式遵循slick的标准,所以您需要一个带有项目列表的div。
要在div中启用模式,只需向其添加“pat slider”类:
<div class="pat-slider"> ... </div>
滑块有一组默认参数:
- 点:真
- 幻灯片放映:4
- 幻灯片滚动:4
- 箭头:真
- 懒负载:“ondemand”
如果要更改某些内容,只需向div添加一个附加配置(模型样式),如下所示:
<div class="pat-slider" data-pat-slider="dots: false; arrows: false"> ... </div>
js开发和捆绑
如果需要开发此产品的javascripts或样式,则需要编译代码 用于资源注册表捆绑包。要做到这一点,有两个咕哝的任务。
首先,需要在包的根目录中安装package.json文件中列出的grunt依赖项:
npm install
之后,您可以使用两个不同的grunt任务:
- grunt:默认任务,它监听文件,并使用watch更改,并自动重新构建资源和捆绑包
- grunt compile:手动编译所有资源和包
贡献
0.1.2(2018-06-11)
- 在PYPI上发布 [CEKK]
0.1.1(2017-12-21)
- 改进的滑块js [Nzambello]
0.1.0(2017-09-18)
- 初次发布。 [CEKK]