ereminmdev/yii2-masonry

为 Yii 框架提供 Masonry 功能的断言。

维护者

详细信息

github.com/ereminmdev/yii2-masonry

主页

源码

问题

安装: 56

依赖者: 0

建议者: 0

安全: 0

星标: 0

关注者: 1

分支: 0

开放问题: 0

类型:yii2-extension

v1.0.6 2023-06-10 07:22 UTC

Requires

  • php: >=5.4.0
  • npm-asset/imagesloaded: ^4
  • npm-asset/masonry-layout: ^4
  • yiisoft/yii2: ~2.0.1

MIT bad77013726d7ed534caee74e4d4d688016a48c6

  • Michael Eremin <ereminmdev.woop@gmail.com>

layoutgridwidgetyii2masonry

This package is auto-updated.

Last update: 2024-09-07 13:12:14 UTC

README

为 Yii 框架提供的 Masonry 小部件。

此小部件依赖于 Masonry 脚本：http://masonry.desandro.com

安装

composer require --prefer-dist ereminmdev/yii2-masonry

文档

http://masonry.desandro.com/options.html

使用

在视图文件中添加以下代码

MasonryAsset::register($this);

$this->registerJs('
    new Masonry(".items", {
        itemSelector: ".item"
    });
');

为了解决重叠的元素，请使用 ImagesLoaded

ImagesLoadedAsset::register($this);
MasonryAsset::register($this);

$this->registerJs('
    imagesLoaded(document.querySelector(".items"), () => {
        new Masonry(".items", {
            itemSelector: ".item"
        });
    });
');