madebyprisma/flotilla

该软件包的最新版本（1.2.2）没有提供许可信息。

适用于SilverStripe Elemental的快速、健壮、基于网格的元素

维护者

详细信息

github.com/madebyprisma/flotilla

源代码

问题

安装: 45

依赖项: 0

建议者: 0

安全: 0

星星: 0

监视者: 3

分支: 0

开放问题: 1

1.2.2 2021-08-10 18:50 UTC

Requires

Unknown License 2d9bf67b0d4589da940943c860fc23896efec7c1

This package is auto-updated.

Last update: 2024-09-11 01:32:23 UTC

README

适用于SilverStripe Elemental的快速、健壮、基于网格的元素

安装

只需通过composer安装并运行/dev/build即可。

配置

示例yaml配置

MadeByPrisma\Flotilla\GridElement:
  gap: 8px # Specifies the default grid gap
  columns: 12 # Specifies the default column count, which can be changed for each grid
  rows: 5 # Same as columns, except rows
  breakpoint: 700px # Specifies the breakpoint between normal and vertical layouts on all grids
  spacing: # Spacing options
    None: "0px" # Use any CSS measurement, which will be used at all sizes
    Small: "20px"
    Medium:
      desktop: "50px" # Add "desktop" _and_ "mobile" properties to allow for responsive spacing
      mobile: "30px"
    Large:
      desktop: "100px"
      mobile: "60px"

扩展

自定义GridItem

<?php

namespace Elements\GridItems;

use MadeByPrisma\Flotilla\GridItem;

class CustomItem extends GridItem {
	public function getTitle() {
		return "...";
	}

	public function getType() {
		return "Custom";
	}
}

注意：每个GridItem都是根据其类和命名空间渲染的，所以在这个示例中，我们的项目会尝试渲染Elements\GridItems\CustomItem.ss。

GridElement 扩展

<?php

use SilverStripe\ORM\DataExtension;

class GridElementExtension extends DataExtension {
	public function getExtraStyles() {
		return "...";
	}
}