跳到主要内容

垂直堆叠卡片

垂直堆叠卡片允许你将多个卡片组合在一起，使它们始终位于同一列中。

展示如何编辑仪表板自定义垂直堆叠卡片的屏幕录像

展示如何编辑仪表板和自定义垂直堆叠卡片的屏幕录像。

要将垂直堆叠卡片添加到你的用户界面：

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

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

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

YAML 配置​

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

配置变量​

type string 必填

vertical-stack

title string (可选)

堆叠的标题。

cards list 必填

卡片列表。

示例​

基本示例：

type: vertical-stack
title: Backyard
cards:
  - type: picture-entity
    entity: camera.demo_camera
    show_info: false
  - type: entities
    entities:
      - binary_sensor.movement_backyard

堆叠中的图片和实体卡片

堆叠中的图片和实体卡片。

垂直和水平堆叠卡片的组合：

type: vertical-stack
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

使用垂直和水平堆叠创建网格布局

使用垂直和水平堆叠创建网格布局。

相关主题​