拥抱“部件视图”-之-小部件

wenbieba

hhh. 发表于 2025-11-12 15:11
是的，需要事件去刷新卡片显示。

这是单时间的显示卡片，很单调，不过之前我有一个这样的卡片时间中间加 ...

麻烦把那个好看点的分享一下

hhh.

wenbieba 发表于 2025-11-12 16:42
麻烦把那个好看点的分享一下

type: custom:button-card
section_mode: true
variables:
  time: sensor.time
styles:
  grid:
    - grid-template-areas: '"a" "b" "c"'
    - grid-template-columns: 100%
    - grid-template-rows: 1fr auto 1fr
  custom_fields:
    a:
      - font-size: 3.2em
      - font-weight: bold
      - letter-spacing: 1px
    b:
      - justify-self: center
      - align-self: center
      - width: 20%
      - height: 4px
      - background-color: red
      - border-radius: 2px
      - margin: 2px 0
    c:
      - font-size: 3.2em
      - font-weight: bold
      - letter-spacing: 1px
custom_fields:
  a: |
    [[[
       var time = states[variables.time].state;
       return time.split(':')[0];
     ]]]
  b: |
    [[[
      return '';
    ]]]
  c: |
    [[[
       var time = states[variables.time].state;
       return time.split(':')[1];
     ]]]
grid_options:
  columns: 3
  rows: 2

复制代码

plusingsir

支持支持

wardwangyz

看一看有没有喜欢的

Unripe3336

感谢分享

fengye7059

谢谢分享

qings

学习学习