跳到主要内容

网格卡片

网格卡片允许你在网格中显示多个卡片。它会先填充列，根据需要自动添加新的行。

网格卡片的截图。

网格卡片的截图。

要将网格卡片添加到你的用户界面：

  1. 在屏幕右上角，选择编辑 按钮。

    • 如果这是你第一次编辑仪表板，编辑仪表板对话框会出现。
      • 通过编辑仪表板，你将接管这个仪表板的控制权。
      • 这意味着当新的仪表板元素可用时，它将不再自动更新。
      • 一旦你接管控制权，你将无法让这个特定的仪表板恢复自动更新。但是，你可以创建一个新的默认仪表板。
      • 要继续，在对话框中，选择三点 菜单，然后选择接管控制。

  2. 添加卡片并自定义操作和功能 到你的仪表板。

这个卡片的所有选项都可以通过用户界面进行配置。

YAML 配置​

当你使用 YAML 模式或只是更喜欢在 UI 中的代码编辑器中使用 YAML 时，以下 YAML 选项可用。

配置变量​

type 字符串 必填

grid

title 字符串 (可选)

网格标题。

square 布尔值 (可选，默认值：true)

卡片是否以正方形显示。

columns 整数 (可选，默认值：3)

网格中的列数。

cards 列表 必填

卡片列表。

示例​

基本示例：

type: grid
cards:
  - type: picture-entity
    entity: camera.demo_camera
    show_info: false
  - type: entities
    entities:
      - binary_sensor.movement_backyard

定义列数并禁用正方形选项：

type: grid
title: Backyard
columns: 2
square: false
cards:
  - type: picture-entity
    entity: group.all_lights
    image: /local/house.png
  - type: horizontal-stack
    cards:
      - type: picture-entity
        entity: light.ceiling_lights
        image: /local/bed_1.png
      - type: picture-entity
        entity: light.bed_light
        image: /local/bed_2.png

相关主题​