Custom UI for 斐讯M1如何写到lovelace呢？
本帖最后由 AnyLine 于 2019-3-5 11:28 编辑stetas状态下，斐讯M1的显示是正常的。
但是新版hass以后都集成了lovelace，也比较好用，随意组合。
但是斐讯M1的这个怎么搬到lovelace呢？
感谢二楼@MattSmell大神指点，和大神效果基本一样了。直接写在lovelace的卡片里。
使用方法，复制文件M1(picture-elements).yaml里的文本（注意缩进）粘贴到lovelace新建卡片里面。自定义图片放在/usr/share/hassio/homeassistant/www/device/m1.jpg，无图片会是黑色背景。
是时候放弃custom ui了:sleepy:
MattSmell 发表于 2019-3-4 18:51
是时候放弃custom ui了
分享下可以？现在用的还是lovelace默认的界面... 就孤零零的4个参数的用我，
ghostist 发表于 2019-3-4 19:26
分享下可以？现在用的还是lovelace默认的界面...
- type: picture-elements
image: /local/device/m1.jpg
elements:
- type: custom:hui-glance-card
show_state: true
columns: 4
entities:
- entity: sensor.m1_temperature
- entity: sensor.m1_humidity
- entity: sensor.m1_pm25
- entity: sensor.m1_hcho
style:
left: 50%
top: 50%
width: 100%
--paper-card-background-color: rgba(0, 0, 0, 0.4)
--paper-item-icon-color: white
--primary-text-color: white
border-radius: 5px
color: rgb(0, 0, 0)
注意缩进，背景图片是从网上找的，不需要引用额外的js
MattSmell 发表于 2019-3-4 21:39
注意缩进，背景图片是从网上找的，不需要引用额外的js
是添加picture elements卡片吧，一直整不出来，不知道是不是缩进的原因。
大神能传个写好的文件来吗？
image required，你应该先把背景图标准备好，我的路径是 www/device/m1.jpg MattSmell 发表于 2019-3-5 08:12
image required，你应该先把背景图标准备好，我的路径是 www/device/m1.jpg
非常感谢大神的指点，主要原因是前面的“type: picture-elements”没有“-”，还有缩进的问题。再请教个问题，第一张名为m1.jpg，图片放在/usr/share/hassio/homeassistant/www/device/，然后就产生了缓存，再去替换m1.jpg图片还是第一次那张。怎么清理这个缓存呢？重启系统，删除数据库还是在啊。要更换图片必须要重新命名啊
MattSmell 发表于 2019-3-5 08:12
image required，你应该先把背景图标准备好，我的路径是 www/device/m1.jpg
可以了可以了，删除数据库，重启系统，清理浏览器缓存。图片缓存没了 AnyLine 发表于 2019-3-5 10:03
可以了可以了，删除数据库，重启系统，清理浏览器缓存。图片缓存没了
电脑浏览器 Ctrl+F5, 手机浏览器清缓存