跳转到主要内容

添加使用指定CSS类展开/折叠瓦片的能力

项目描述

Javascript插件,可在瓦片中启用展开/折叠行为。

用法

要启用图块中的展开/折叠功能,您只需将其添加到特定的CSS类。

一些图块,如 collective.tiles.advancedstaticcollective.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.jsstyles.scss 文件,资源将自动编译到 dist 文件夹。

您也可以使用此命令强制编译

> npm run compile

贡献

许可证

本项目许可协议为GPLv2。

依赖关系

此产品已在Plone 5.1上测试

鸣谢

Regione Emilia Romagna 的支持下开发;

Regione Emilia Romagna支持 PloneGov 创新项目

作者

本产品由RedTurtle技术团队开发。

RedTurtle Technology Site

贡献者

变更日志

1.0.1 (2021-04-06)

  • 添加手风琴模式 [nzambello]

1.0.0 (2020-03-06)

  • 初始发布。 [cekk]

项目详情


下载文件

下载适合您平台的文件。如果您不确定选择哪个,请了解有关 安装软件包 的更多信息。

源代码分发

collective.expandcollapse.tile-1.0.1.tar.gz (53.3 kB 查看散列)

上传时间 源代码

由以下赞助

AWS AWS 云计算和安全赞助商 Datadog Datadog 监控 Fastly Fastly CDN Google Google 下载分析 Microsoft Microsoft PSF 赞助商 Pingdom Pingdom 监控 Sentry Sentry 错误记录 StatusPage StatusPage 状态页面