devleaks/yii2-metafizzy

Yii2 资产包，用于封装多个 David DeSandro JavaScript 库

维护者

详情

github.com/devleaks/yii2-metafizzy

源代码

问题

安装数: 5,079

依赖者: 0

建议者: 0

安全性: 0

星标: 1

关注者: 3

分支: 1

开放问题: 0

类型:yii2-extension

1.0.2 2017-09-13 16:04 UTC

Requires

MIT 0d1f8591a4d2d8835885c6efcdcda95de25c45ec

  • Pierre M <devleaks.be.woop@gmail.com>

extensionisotopeyii2masonrypackerymetafizzydraggabilly

This package is not auto-updated.

Last update: 2024-09-18 08:41:23 UTC

README

Yii2 资产包，封装了 David DeSandro 的 JavaScript 库 masonry、isotope、packery 和 draggabilly。

安装

安装此扩展的首选方式是通过 composer。

运行以下命令

php composer.phar require --prefer-dist devleaks/yii2-metafizzy "*"

或者在您的 composer.json 文件的 require 部分添加

"devleaks/yii2-metafizzy": "*"

to

使用

扩展安装完成后，只需在您的代码中简单使用即可

(使用 Isotope、Masonry、Packery 或 Draggabilly 的方式相同。)

<?php

use devleaks\metafizzy\Isotope;

?>
<div id="isotope-container">
	<div class="item">...</div>
	<div class="item w2">...</div>
	<div class="item">...</div>
	...
</div>

<?= Isopote::widget([
	'options' => [
		'id' => 'isotope-container'
	],
	'clientOptions' => [
        'itemSelector' => '.item',
        'layoutMode'  => 'fitRows'
	]
]) ?>