README

为Drupal 8提供Flickity库集成。

快速入门

三步开始使用Flickity。

从Github或通过Composer下载最新的Flickity模块，并按常规启用。

composer require outlawplz/flickity

下载最新的Flickity库，并将其复制到Drupal根目录下的libraries/文件夹。

# CSS file location
/libraries/flickity/dist/flickity.min.css

# JS file location
/libraries/flickity/dist/flickity.pkgd.min.js

在一个参考实体字段中，选择Flickity作为显示模式。

就这样。您现在可以开始使用Flickity了。

选项

您可以在 配置 > 用户界面 > Flickity 中添加新的配置或编辑现有的配置。常见选项作为字段列出，而高级选项以YAML格式存储。

# E.g.
imagesLoaded: true
groupCells: 2
lazyLoad: true

要了解更多关于Flickity选项的信息，请查看官方文档。

样式

Flickity使用CSS设置单元格大小。这样，您可以使用媒体查询在不同的显示大小下更改可见的单元格数量。

# Small screens
@media (max-width: 560px) {
  .field__item {
    width: 50%;
  }
}

# Wide screens
@media (min-width: 561px) {
  .field__item {
    width: 25%;
  }
}

要了解更多关于Flickity样式的信息，请查看官方文档。

outlawplz / flickity

维护者

详细信息

README

快速入门

选项

样式