添加使用指定CSS类展开/折叠瓦片的能力
项目描述
Javascript插件,可在瓦片中启用展开/折叠行为。
用法
要启用图块中的展开/折叠功能,您只需将其添加到特定的CSS类。
一些图块,如 collective.tiles.advancedstatic 或 collective.tiles.collection,在其配置中有一个字段,允许添加自定义CSS类。
可能的类包括
collapsible-desktop:为桌面显示启用展开/折叠功能(宽度 > 991px)
collapsible:仅对小屏幕启用展开/折叠(宽度 < 991px)
除了这两个互斥的类,您还可以添加类 accordion,这样当其中一个打开时,其他将关闭。
安装
通过将其添加到您的构建配置文件中安装collective.expandcollapse.tile
[buildout] ... eggs = collective.expandcollapse.tile
然后运行 bin/buildout
之后,您需要在您的Plone站点中安装“展开/折叠图块”产品。
开发
所有资源都使用grunt编译。
首先,您需要在项目根目录内设置您的开发环境
> npm install
然后,您需要以监视模式激活grunt
> npm run develop
之后,您可以编辑 expand_collapse.js 或 styles.scss 文件,资源将自动编译到 dist 文件夹。
您也可以使用此命令强制编译
> npm run compile
贡献
许可证
本项目许可协议为GPLv2。
依赖关系
此产品已在Plone 5.1上测试
鸣谢
在 Regione Emilia Romagna 的支持下开发;
Regione Emilia Romagna支持 PloneGov 创新项目。
1.0.1 (2021-04-06)
添加手风琴模式 [nzambello]
1.0.0 (2020-03-06)
初始发布。 [cekk]