滚动栏消息

明明洋洋

benlky 发表于 2024-4-3 10:58
请确认以下:
1.  *.js 放在www 文件下
2. 在资源里面添加了相应的路劲

大佬细说第二点

明明洋洋

benlky 发表于 2024-4-3 10:58
请确认以下:
1.  *.js 放在www 文件下
2. 在资源里面添加了相应的路劲

应该是第二条我没弄对吧，卡片提示错误

cjnt007

benlky 发表于 2024-4-3 10:58
请确认以下:
1.  *.js 放在www 文件下
2. 在资源里面添加了相应的路劲

楼主代码有拼写错误，更正下：

- type: custom:scrolling-text-card
  entity: input_text.scrolling_text

复制代码

benlky

cjnt007 发表于 2024-4-3 11:29
楼主代码有拼写错误，更正下：

不好意思，是的.

type: custom:scrolling-text-card
style:
  left: 10%
  top: 30%
  width: 50%
entity: input_text.scrolling_text

复制代码

benlky

明明洋洋 发表于 2024-4-3 11:29
应该是第二条我没弄对吧，卡片提示错误

benlky

creazycar 发表于 2024-4-3 11:18
- type: custom:button-card
  name: >
    [[[ return `${states['sensor.xxxxx'].state}` ]]]

  不错，那怎么统计如某个区域的开灯数量或是开关打开的数量

明明洋洋

benlky 发表于 2024-4-3 12:28

谢谢大佬，样式搞定了，我目前只能滚动输入框里面的内容，怎么把开灯的数量放进去呢

benlky

明明洋洋 发表于 2024-4-3 15:36
谢谢大佬，样式搞定了，我目前只能滚动输入框里面的内容，怎么把开灯的数量放进去呢 ...

我找到另外一种方法, 不知道其他大佬是不是有其他更好的方法.

步骤一：创建输入数字实体

首先，在你的 configuration.yaml 文件中添加一个输入数字实体，用于存储开着的灯的数量：

input_number:
  lights_on_count:
    name: "开着的灯数量"
    min: 0
    max: 100
    step: 1
    mode: box

复制代码

步骤二：创建自动化

其次，在automation.yaml 内创建一个自动化来更新输入数字实体的值。这个自动化会在每次有灯的状态发生变化时触发，并统计当前所有打开的灯的数量，然后将这个数量更新到输入数字实体中。

automation:
  - alias: "更新开着的灯数量"
    trigger:
      - platform: template
        value_template: "{{ 'on' in states.light }}"
    action:
      service: input_number.set_value
      data_template:
        entity_id: input_number.lights_on_count
        value: "{{ states.light | selectattr('state', 'eq', 'on') | list | count }}"

复制代码

步骤三：创建 html-template-card

最后，用 html-template-card 卡片，用来显示滚动提示，并显示开着的灯的数量。

type: 'custom:html-template-card'
title: 家中开着的灯数量
content: |
  <marquee>家中{{ states('input_number.lights_on_count') | int }}盏灯开着</marquee>

复制代码

在这个配置中，html-template-card 会实时显示输入数字实体 input_number.lights_on_count 的值，并随着自动化的触发而更新，实现了滚动提示开着的灯的数量的功能

注意:

states() 函数后面添加 | int 过滤器，可以将状态值转换为整数，确保只显示整数部分，而不显示小数点