Custom UI for 斐讯M1如何写到lovelace呢？

AnyLine

stetas状态下，斐讯M1的显示是正常的 。

但是新版hass以后都集成了lovelace，也比较好用，随意组合。
但是斐讯M1的这个怎么搬到lovelace呢？


感谢二楼@MattSmell大神指点，和大神效果基本一样了。直接写在lovelace的卡片里。
使用方法，复制文件M1(picture-elements).yaml里的文本（注意缩进）粘贴到lovelace新建卡片里面。自定义图片放在/usr/share/hassio/homeassistant/www/device/m1.jpg，无图片会是黑色背景。

M1（picture-elements）.rar (406 Bytes, 下载次数: 197)

2019-3-5 11:27 上传

点击文件名下载附件

MattSmell

是时候放弃custom ui了

ghostist

MattSmell 发表于 2019-3-4 18:51
是时候放弃custom ui了

分享下可以？现在用的还是lovelace默认的界面...

xieahui

就孤零零的4个参数的用我，

MattSmell

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

AnyLine

MattSmell 发表于 2019-3-4 21:39
注意缩进，背景图片是从网上找的，不需要引用额外的js

是添加picture elements卡片吧，一直整不出来，不知道是不是缩进的原因。
大神能传个写好的文件来吗？

MattSmell

image required，你应该先把背景图标准备好，我的路径是 www/device/m1.jpg

AnyLine

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图片还是第一次那张。怎么清理这个缓存呢？重启系统，删除数据库还是在啊。要更换图片必须要重新命名啊

AnyLine

MattSmell 发表于 2019-3-5 08:12
image required，你应该先把背景图标准备好，我的路径是 www/device/m1.jpg

可以了可以了，删除数据库，重启系统，清理浏览器缓存。图片缓存没了

MattSmell

AnyLine 发表于 2019-3-5 10:03
可以了可以了，删除数据库，重启系统，清理浏览器缓存。图片缓存没了

电脑浏览器 Ctrl+F5, 手机浏览器清缓存