Lovelace：酒吧卡

三（汤姆·肯尼迪） 2019年5月6日，上午4:04＃182

很酷，我打开了我的记事本++，并看了一个很好的间距，这一切都很好，我已经重新阅读了如何提出好的问题指南（我想知道如何在论坛上缩入代码，现在我得到了它）。

我发现这个问题是我下载了.js文件从github和Chrome从bar-card.js文件的标题中添加了HTML标记，我只是从github复制了代码，并在文件中替换了现有代码并重新启动了Hass，现在我的bar正在工作。

上面有帖子说，CustomCard仅适用于在Configuration中安装和激活Custom_updater的人。YAML我尚未完成，但看起来好主意。我已经离开了我的URL AS/local/custom-lovelace/bar-card/bar-card.js?v=1.1.0，现在一切都很好。

资源： - 类型：js url：/customcards/custom-lovelace/bar-card/bar-card.js?v=1.0.0.0

Gluwc：

如果您使用自定义更新程序，则应使用定制路径而不是当地的。如果您不使用自定义更新程序，请确保将版本编号添加到资源中以强制缓存更新。

使用自定义更新程序
-  url：/customcards/custom-lovelace/bar-card/bar-card.js
非自定义更新程序
-  url：/local/custom-lovelace/bar-card/bar-card.js?v=0.1.9

2个喜欢

Gluwc（Lucas Bramlage） 2019年5月19日，晚上10:46＃183

释放1.2.0添加选项将图标的位置设置为在栏外。避免双配置选项show_icon已取代icon_position。

打破变化

删除show_icon配置选项。

更新

添加icon_position配置选项。设置为里面更换删除的show_icon真的配置选项。

修复

固定的最小/最大限度每个实体配置默认为0/100当没有主最小/最大限度设置了卡配置。

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

icon_position

- 类型：自定义：bar-card实体：传感器。示例标题：图标title_position：inside icon_position：左对齐：拆分图标：MDI：眼睛：眼

2个喜欢

克洛格（克洛格） 2019年5月20日，下午12:36 ＃184

我根本没有任何图标...

- type: entities show_header_toggle: false entities: - type: custom:bar-card entity: sensor.phone_battery title_position: 'off' icon_position: left align: center indicator: 'off' height: 26px icon: mdi:eye card_style: border-半径：0px背景：'rgba（0，0，0，0.0）'盒子阴影：'intset 2px 2px 3px 1px 1px rgba（0，0，0，0，0.0）'background_style：background_style：background：'黑色'严重性： - 值： - 值： - 值： - 值： - 值： - 值： - 值25颜色：红色 - 价值：50颜色：橙色 - 值：100颜色：绿色

这在一个中显示了两个条垂直堆栈两者都在水平堆（如果这是相关的）。
其中一个具有定义（用于测试）的明确图标（但是实体本身）。

Gluwc（Lucas Bramlage） 2019年5月20日，下午1:03＃185

@klogg无法繁殖。您确定这不仅是一个缓存问题吗？

- 类型：自定义：垂直堆栈卡片卡： - 类型：水平堆栈卡片： - 类型：自定义：bar-card entity：sensor.test_value1 title_position：'off'''iCON_POINTION：suft iCON_POINTION：left Align：中心指示器：'Off off：'OFF'高度：26px图标：MDI：眼睛严重性： - 值：25颜色：红色 - 值：50颜色：橙色 - 值：100颜色：绿色 - 类型：自定义：bar -card entity：senser.test_value1 title_position：'off''''icon_position：左对齐：中心指标：“关闭”高度：26px图标：MDI：眼睛严重性： - 值：25颜色：红色：红色 - 值：50颜色：橙色 - 值：100颜色：绿色：绿色

1喜欢

克洛格（克洛格） 2019年5月20日，下午2:22 ＃186

你认为我现在已经学到了...

3个喜欢

Gluwc（Lucas Bramlage） 2019年5月20日，下午3:27 ＃187

不用担心，我不认为您是唯一忘记缓存的人。
我建议使用自定义更新程序和跟踪卡。这使您可以将资源URL设置为重定向到定制代替当地的，这使得您不必在资源URL中添加版本化，只需在更新卡时更新缓存即可。

1喜欢

克洛格（克洛格） 2019年5月20日，下午4:49 ＃188

等等，什么？我确实使用自定义更新程序和跟踪卡。您是说这意味着我不必经常按F5吗？这就是为什么我如此惊讶忘记尴尬。

我的似乎没有（总是）更新缓存。我正在使用F5所有的时间！

石油（石油） 2019年5月20日，下午5:02 ＃189

它并不总是这样做。CTRL+F5将一直做到这一切。或者，如果您打开开发工具，则只有常规的旧F5。

1喜欢

Gluwc（Lucas Bramlage） 2019年5月20日，下午5:47 ＃190

我不确定，在某些情况下，它并不总是有效。但是如果您使用的话，Afaik定制代替当地的在资源URL中，如果刷新页面，则应更新缓存。

7even（亨宁） 2019年5月23日，上午11:44 ＃191

你好！我试图让我的表现出来。

但是，如何在每个定义的实体中可以单个配置选项的实体添加列表？

我的代码看起来像这样

- 类型：自定义：卡型卡片：类型：自定义：bar card实体： -  sensor.disk_free -sensor.disk_use_percent -sensor.disk_use title_position：'off'iCON_POINTION：'iCON_POINTION：2 ALIGN：2 ALIGN：右标题：Harddisk Show_icon：Harddisk Show_icon：harddisk show_icon：真正的图标：MDI：硬盘

这就是结果：

希望您可以使用我可以使用的示例代码。

Gluwc（Lucas Bramlage） 2019年5月23日，上午11:55＃192

以下是如何在实体列表中设置每个实体配置的示例：

- 类型：自定义：酒吧卡列：2颜色：绿色高度：30px实体： - 实体：传感器。

但是，您引用的示例不使用每个实体配置，而是使用卡中的垂直堆栈。我不确定是否可以设置第三栏的宽度100％。

您可能想要这样的东西：

- 类型：水平堆栈卡片： - 类型：自定义：bar card entity：sensor.example-类型：自定义：bar-card entity：sensor.example.example-类型：自定义：bar-card entity：senser.example.example

7even（亨宁） 2019年5月24日，上午7:20 ＃193

谢谢……做到了

Dino-Tech（达伦·威尔逊） 2019年5月24日，下午9:46＃194

My apologies if I have skipped this somewhere and it’s already possible, but I’m in the process of condensing my LL yaml file and was wondering is it possible to have one main config for the styles, title, css, etc… and assign different severity levels to the entities. Case use being battery, CPU, temp and humidity are set to different severity and colors, so currently I am having to repeat the code 4 times to set the differences between them. Everything works as expected in my displays, just thought I’d ask, and thank you for the incredible contribution, I see this getting included as a standard card IMO.@gluwc

1喜欢

Alexxander0（Alexxander0） 2019年5月24日，下午9:50＃195

@7even您是如何设法将图标放入酒吧的？
我想获得“对齐拆分 +图标”模式

在读书中说：
- 类型：自定义：酒吧卡
实体：传感器。示例
标题：Align Split +图标
title_position：内部
show_icon：是的
图标：MDI：眼睛
对齐：拆分

但这对我来说是工作的（没有显示任何图标）

Dino-Tech（达伦·威尔逊） 2019年5月24日，下午9:58 ＃196

@Alexxander0

Alexxander0（Alexxander0） 2019年5月24日，晚上10:00 ＃197

谢谢@Dino-Tech：

- 类型：自定义：bar-card实体：Sensor.118I_Remaining_range_fuel_fuel标题：test title_position：Inside icon_position：Inside Incor Icon：MDI：MDI：Eye Align：splitign：splitign：split

这仍然为我产生这样的输出：

我想让文本集中。难道我做错了什么？

Dino-Tech（达伦·威尔逊） 2019年5月24日，晚上10:02＃198

好奇……什么盒子阴影您正在使用设置吗？如果你不介意……这样的外观

Dino-Tech（达伦·威尔逊） 2019年5月24日，晚上10:06 ＃199

不确定您是否可以在内部和标题中同时拥有图标。也许外面的图标然后以标题为中心。我不使用图标，所以没有太大帮助，但是从我阅读的内容来看，文档很清楚。

Gluwc（Lucas Bramlage） 2019年5月24日，下午10:42 ＃200

这很可能是一个错误，但我无法在我身边复制它。这可能是解决的问题1.2.1，因此请确保您正在运行最新版本。

1喜欢

Gluwc（Lucas Bramlage） 2019年5月24日，下午10:54 ＃201

好吧，您确实可以选择使用自定义实体属性来设置栏的配置ENTITY_CONFIG选项。但这仍然需要您在customize.yaml中设置这些选项。
另一个选项只有在定义一个实体列表，您可以在列表中的每个实体之间共享主卡配置。

- 类型：自定义：酒吧卡的严重性： - 值：25颜色：红色 - 值：50颜色：橙色 - 值：100颜色：绿色实体： - 实体：sensor.living_room_plant_1_battery min：0 max：300 target：75 title_position：75 title_position：75 title_position：'OFF'iCON_POSITION：内部图标：MDI：眼睛对齐：右切口ICON_STYLE：颜色：红色严重性： - 值：25颜色：粉红色 - 值：50颜色：黄色 - 颜色：100颜色：100颜色：purple -sensor.living_room_plant_plant_2_batter_battery -sensor -sensor-传感器.living_room_plant_3_battery

1喜欢

供电话语，最好使用JavaScript启用