lovelace-layout-card

layout-card

更好地控制 lovelace 卡的放置位置

查看布局

Layout-card 为 lovelace 添加了四种新的视图布局。

• Masonry(custom:masonry-layout)
• 水平 (custom:horizontal-layout)
• 垂直 (custom:vertical-layout)
• 网格 (custom:grid-layout) 下面介绍了各种布局类型之间的区别。 这些可以通过 GUI(如上述快速入门)或通过在 lovelace 配置中设置 type(可选地还可以设置 layout)来选择:

views:
  - title: Home
    type: custom:masonry-layout
    layout:
      width: 300
      max_cols: 10
    cards: ...

布局卡

如果需要,还可以通过 layout-card 在 lovelace-card 中使用任何布局:

type: custom:layout-card
layout_type: custom:masonry-layout
layout:
  width: 300
  max_cols: 10
cards: ...

Layout-card 会取得其 cards 并根据指定的布局将它们放置在自身内部。

layout: 使用与布局的视图配置相同的选项。 > 注意: 请注意,layout-card 本身也是一个 CARD,不能比同一视图中的其他卡片宽。 \ 在其中指定的所有卡片必须能够容纳在同一宽度内。 \ 因此,layout-card 除了在 面板模式 中外,使用效果有限。 > 注意 2: 如果使用 GUI lovelace 编辑器,您将看到 layout-card 的默认布局选项使用了 lovelace 的默认布局引擎。 I