＃1

酒吧卡

伟德国际官方app下载苹果版

描述

酒吧卡是家庭助理Lovelace前端的可自定义动画卡。19463331伟德国际

40个喜欢
Lovelace：迷你图卡
任何插件都不存在自定义元素
比利时公共交通的组件
device_class：“ signal_strength”不起作用
Lovelace：滑块按钮卡
Lovelace UI•极简主义
＃2

谢谢您的卡。

我将其与图片元素。
这就是我的iPhone上的外观：liticle_smile：

22
22 750×1334 181 kb

13个喜欢
＃3

惊人的！我可能会努力暴露更多元素以尽快接受自定义样式。无论如何，很高兴看到其他人使用这张卡。：微笑：

＃4

行…
我觉得我应该知道这一点，但是……您如何获得自动化，传感器，开关等的计数？

1喜欢
＃5

这很棒！我比量规卡更喜欢这一点。似乎它会占用更少的空间。我觉得通过允许自定义可以做很多事情。感谢您的贡献！

1喜欢
＃6

试试这个

- 平台：模板传感器：sensor_count：友好_name：'传感器的数量'value_template：> {％ -  set domains = ['senser']  - ％} {％ -  for domains in domains-％} {％} {％ -  for State [domain]  - ％} {％如果loop.first％} {{loop.length}}} {％endif％} {％ -  endfor -％} {％ -  endfor -％}
2个喜欢
＃7

当然！谢谢你。

＃8

您可以分享您的配置吗？

＃9

我为此使用模板传感器：

- 平台：模板传感器：＃-----计数自动化count_automations：entity_id：sensor.date value_template：> {％ -  set domains = ['automation']  - ％} {％ -  for域中的域 - ％} {％} {％- 对于状态[domain]  - ％} {％如果loop.first％} {{loop.length}} {％endif％} {％ -  endfor-％} {％ -  endfor-％}＃--------------------- 计数设备跟踪器count_device_trackers：entity_id：sensor.date value_template：> {％ -  set domains = ['device_tracker']  - ％} {％ - 用于域中的域 - ％} {％} {％ -  for State [域]  - ％ - ％]  - ％ - ％ - ％ - ％} {％如果loop.first％} {{loop.length}} {％endif％} {％ -  endfor-％} {％ -  endfor-％}＃----- count lights lights count_ignds：entity_id：entity_id：sensor.date.date.datevalue_template：> {％ -  set domains = ['light']  - ％} {％ - 对于域中的域 - ％} {％ -  for状态[domain]  - ％} {％if loop.first％}loop.length}}} {％endif％} {％ -  endfor-％} {％ -  endfor-％}＃-----计数二进制传感器count_binary_sensors：entity_id：sensor.date value.date value_template：> {％ -  set域= [[[％ -  set domains = for'binary_sensor']  - ％} {％ - 用于域中的域 - ％} {％ - 用于s中的项目tates [domain]  - ％} {％如果loop.first％} {{loop.length}}} {％endif％} {％ -  endfor-％} {％ -  endfor-％}＃-----------％}＃------ count sensors count_sensors_sensors_sensors_sensors：entity_id：sensor.date value_template：> {％ -  set domains = ['senser']  - ％} {％ - 对于域中的域 - ％} {％ -  for状态[domain]  - ％} {％} {％if loop loop。-  set域= ['switch']  - ％} {％ - 对于域中的域 - ％} {％ - 对于状态[domain]  - ％} {％if loop.first％} {{loop.length}} {％} {％} {％ -{％endif％} {％ -  endfor-％} {％ -  endfor-％}＃-----计数Zones count_zones：entity_id：sensor.date value_template：> {％ -  set domains = ['Zone']  - ％} {％ - 对于域中的域 - ％} {％ - 对于状态[domain]  - ％} {％if loop.first％} {{loop.length}} {％endif％} {％endif％} {％ -  endif％} {％ -  endfor -％} {％ -  endfor-％}
6个喜欢
＃10

这是我显示的图片的配置：

标题：系统路径：系统图标：MDI：Server-Network卡： - ！包括../cards/compact_custom_header.yaml-类型：自定义：card-modder样式：{溢出：hidden，border-border-radius：“ 20px”，border: "solid 1px rgba(100,100,100,0.3)"} card: type: picture-elements image: /local/lovelace/backgrounds/placeholders/empty_long_placeholder750x1075.png elements: - type: image image: /local/lovelace/backgrounds/cards/system_overview_card.jpg tap_action：无样式：{transform：none，Pointer-events：none，top：0％，左：0％，宽度：100％，高度：100％，Z-index：'0'} ############顶部：1％，左：1％，转换：无，颜色：'rgb（249，251，255）'，白空间：正常，-webkit-text-stroks：'0.1px rgb（47，49，49，0.6）'，字体大小：90％，文本阴影：'0.09px 0.14px 1.5px RGB（47，49，49）'}'}  - 类型：自定义：custom-element Entity：senser.nuc_uptimpeor..nuc_uptime prefix：：“样式：{顶部：5％，左：1％，转换：无，颜色：'RGB（249，251，255）'，白空间：正常，-webkit-text-stroks：'0.1px rgb（47，49，49，49，0.6）'，font-size：90％，文本 -影子：'0.09px 0.14px 1.5px RGB（47，49，49）'}  - 类型：ICON ICON：MDI：cidtive tap_action：none样式：{top：top：1％，右：15％，transform：none：none：none， -   -Paper-item-icon-color：'rgb（249，251，255）'}  - 类型：自定义：状态元素实体：sensor.lets_encrypt_expiration_hass prefix：“ days：“ days：”样式：{top：top：1％，右：1％：1％，1％，1％，变换：无，白色空间：正常，颜色：'rgb（249，251，255）'，-webkit-text-stroks：'0.1px rgb（47，49，49，49，0.6）'，font-size：90％，文字阴影：'0.09px 0.14px 1.5px RGB（47、49、49）'} ###################################＃系统消息＃##########################：50％，颜色：'rgb（249，251，255）'，字体大小：400％，指针 - 事件：无，文本阴影：2px 2px 2px darkslategrey，font-fort-font-font fort tocky tocker脚本：clicker脚本，字体风格：斜式：斜式：倾斜，字体重量：'400'，文本渲染：优化性，-moz-osx-font-smoothing: grayscale, font-smoothing: antialiased, -webkit-font-smoothing: antialiased} ################## # Intel NUC # ################## - type: custom:useful-markdown-card padding: 5px style: {top: 25%, left: 50%, width: 98%, text-align: justify, text-align-last: center, z-index: "1", white-space: normal, overflow: hidden, border-radius: 8px, font-size: 90%, --paper-card-background-color: 'rgba(0, 0, 0, 0.4)', color: 'rgb(249, 251, 255)'} content: > 
 Intel NUC 
 - type: custom:bar-card title: cpu entity: sensor.processor_use rounding: 5px height: 30px style: {top: 29%, left: 1%, transform: none, overflow: hidden, border-radius: 8px, width: 48%, --paper-card-background-color: 'rgba(84, 95, 108, 0.7)'} from: left min: 0 max: 100 saturation: 50% severity: - value: 50 hue: '120' - value: 75 hue: '40' - value: 100 hue: '0' - type: custom:bar-card title: hdd entity: sensor.disk_use_percent_ rounding: 5px height: 30px style: {top: 37.5%, left: 1%, transform: none, overflow: hidden, border-radius: 8px, width: 48%, --paper-card-background-color: 'rgba(84, 95, 108, 0.7)'} from: left min: 0 max: 100 saturation: 50% severity: - value: 50 hue: '120' - value: 75 hue: '40' - value: 100 hue: '0' - type: custom:bar-card title: postgresql entity: sensor.postgrehassdb_size rounding: 5px height: 30px style: {top: 46%, left: 1%, transform: none, overflow: hidden, border-radius: 8px, width: 98%, --paper-card-background-color: 'rgba(84, 95, 108, 0.7)'} from: left min: 0 max: 10240 saturation: 50% severity: - value: 5120 hue: '120' - value: 7168 hue: '40' - value: 9216 hue: '0' - type: custom:bar-card title: ram entity: sensor.memory_use_percent rounding: 5px height: 30px style: {top: 29%, right: 1%, transform: none, overflow: hidden, border-radius: 8px, width: 48%, --paper-card-background-color: 'rgba(84, 95, 108, 0.7)'} from: left min: 0 max: 100 saturation: 50% severity: - value: 60 hue: '120' - value: 80 hue: '40' - value: 100 hue: '0' - type: custom:bar-card title: cpu entity: sensor.cpu_temp rounding: 5px height: 30px style: {top: 37.5%, right: 1%, transform: none, overflow: hidden, border-radius: 8px, width: 48%, --paper-card-background-color: 'rgba(84, 95, 108, 0.7)'} from: left min: 0 max: 100 saturation: 50% severity: - value: 50 hue: '120' - value: 65 hue: '40' - value: 85 hue: '0' #################### # Synology # #################### - type: custom:useful-markdown-card padding: 5px style: {top: 58%, left: 50%, width: 98%, text-align: justify, text-align-last: center, z-index: "1", white-space: normal, overflow: hidden, border-radius: 8px, font-size: 90%, --paper-card-background-color: 'rgba(0, 0, 0, 0.4)', color: 'rgb(249, 251, 255)'} content: > 
 Synology 
 - type: custom:bar-card title: cpu entity: sensor.cpu_load_total rounding: 5px height: 30px style: {top: 62%, left: 1%, transform: none, overflow: hidden, border-radius: 8px, width: 48%, --paper-card-background-color: 'rgba(84, 95, 108, 0.7)'} from: left min: 0 max: 100 saturation: 50% severity: - value: 50 hue: '120' - value: 75 hue: '40' - value: 100 hue: '0' - type: custom:bar-card title: vol1 entity: sensor.volume_used_volume_1 rounding: 5px height: 30px style: {top: 70.5%, left: 1%, transform: none, overflow: hidden, border-radius: 8px, width: 48%, --paper-card-background-color: 'rgba(84, 95, 108, 0.7)'} from: left min: 0 max: 100 saturation: 50% severity: - value: 80 hue: '120' - value: 90 hue: '40' - value: 100 hue: '0' - type: custom:bar-card title: vol2 entity: sensor.volume_used_volume_2 rounding: 5px height: 30px style: {top: 79%, left: 1%, transform: none, overflow: hidden, border-radius: 8px, width: 48%, --paper-card-background-color: 'rgba(84, 95, 108, 0.7)'} from: left min: 0 max: 100 saturation: 50% severity: - value: 80 hue: '120' - value: 90 hue: '40' - value: 100 hue: '0' - type: custom:bar-card title: ram entity: sensor.memory_usage_real rounding: 5px height: 30px style: {top: 62%, right: 1%, transform: none, overflow: hidden, border-radius: 8px, width: 48%, --paper-card-background-color: 'rgba(84, 95, 108, 0.7)'} from: left min: 0 max: 100 saturation: 50% severity: - value: 50 hue: '120' - value: 75 hue: '40' - value: 100 hue: '0' - type: custom:bar-card title: hdd1 entity: sensor.temperature_sda rounding: 5px height: 30px style: {top: 70.5%, right: 1%, transform: none, overflow: hidden, border-radius: 8px, width: 48%, --paper-card-background-color: 'rgba(84, 95, 108, 0.7)'} from: left min: 0 max: 100 saturation: 50% severity: - value: 50 hue: '120' - value: 75 hue: '40' - value: 100 hue: '0' - type: custom:bar-card title: hdd2 entity: sensor.temperature_sdb rounding: 5px height: 30px style: {top: 79%, right: 1%, transform: none, overflow: hidden, border-radius: 8px, width: 48%, --paper-card-background-color: 'rgba(84, 95, 108, 0.7)'} from: left min: 0 max: 100 saturation: 50% severity: - value: 50 hue: '120' - value: 75 hue: '40' - value: 100 hue: '0' - type: custom:state-element entity: sensor.count_automations prefix: "Automations: " style: {top: 88%, left: 1%, transform: none, font-size: 90%, color: 'rgb(249, 251, 255)'} - type: custom:state-element entity: sensor.count_sensors prefix: "Sensors: " style: {top: 92%, left: 1%, transform: none, font-size: 90%, color: 'rgb(249, 251, 255)'} - type: custom:state-element entity: sensor.count_switches prefix: "Switches: " style: {top: 96%, left: 1%, transform: none, font-size: 90%, color: 'rgb(249, 251, 255)'} - type: custom:state-element entity: sensor.count_device_trackers prefix: "Device Trackers: " style: {top: 88%, left: 36%, transform: none, font-size: 90%, color: 'rgb(249, 251, 255)'} - type: custom:state-element entity: sensor.count_binary_sensors prefix: "Binary Sensors: " style: {top: 92%, left: 36%, transform: none, font-size: 90%, color: 'rgb(249, 251, 255)'} - type: custom:state-element entity: sensor.count_lights prefix: "Lights: " style: {top: 96%, left: 36%, transform: none, font-size: 90%, color: 'rgb(249, 251, 255)'} - type: custom:state-element entity: sensor.count_zones prefix: "Zones: " style: {top: 88%, left: 75%, transform: none, font-size: 90%, color: 'rgb(249, 251, 255)'} ############### # Last Backup # ############### - type: custom:state-element entity: sensor.hass_last_backup prefix: "Backup: " style: {top: 96%, left: 75%, transform: none, font-size: 90%, color: 'rgb(249, 251, 255)'}
6个喜欢
＃11

您根据上面的配置在此文件中有什么？
！包括…/cards/compact_custom_header.yaml

＃12

它的紧凑的自定义标头卡片。
使用相同的设置添加到所有视图中时，此卡最有效。
因此，我在单独的YAML文件中创建了卡，然后将文件添加到所有视图中。

这些是设置：

---类型：自定义：紧凑型custom-header标题：true，true菜单：true，True Notification：true，true语音：false，false选项：true，true Tabs：true，True Clocks：Notification：Notification，Notification，False Clock_Format：24，24 clock_am_pm：false，false user_agent：移动user_agent_views：-1,2,3,4,5,6,7,8,9,10＃默认视图。-1,2,3,4 disable：false，false dir：/www/lovelace/backick_image：true，false
1喜欢
＃13

太好了谢谢。

小东西您是如何使用传感器显示文本系统概述的？
Sensor.System_OverView_Message

＃14

创建一个模板传感器，例如：

- 平台：模板传感器：system_overview_message：value_template：>系统概述

在一个中使用模板传感器有用的标记卡如我之前的帖子所示。

1喜欢
＃15

谢谢这是我最喜欢的卡，喜欢它使它看起来还活着的动画

对其进行了稍微修改以连续安装4个条，并且在移动设备上看起来也不错

1

3个喜欢
＃16

惊人的！我绝对想像现在一样在酒吧内添加标题的选项。只需在完成我自己的Lovelace配置之间找到一些时间即可。

＃17

我无法获得相对路径，包括与Lovelace一起工作，我在82.0版中。当我这样做时，lovelace不会加载（！包括…/cards/compact_custom_header.yaml），即使卡目录存在于我的根目录之外。

例子：
[配置SMB目录]
牌/
ui-lovelace.yaml

卡文件夹实际上应该在哪里？

我感谢帮助

＃18

这张卡上的大拇指！爱它！

1喜欢
＃19

我在最新版本中添加了对自定义CSS样式的支持0.0.2

2个喜欢
＃20

谢谢您的这张可怕的卡。

您能否分享您的配置，我想像您一样在酒吧中拥有标题名称。

谢谢。