不一样的lovelace ui !!! （一）

Lee

传送门： 不一样的lovelace ui  !!!  （二） 动态化
传送门：不一样的lovelace ui  !!!  （三） 触控化
传送门：不一样的lovelace ui !!! （四） 0.92.2新版本


2019.5.8
本帖所有卡片效果基于0.88以下，新版本部分卡片可能无法使用。

首先，非常感谢K大分享他的作品，后面是原贴，感兴趣的移步这里并顶一下贴， https://bbs.hassbian.com/thread-6019-1-1.html

K大的作品里面介绍的很全面，我这里只用了他里面的毛玻璃插件：lovelace-card-modder

我超级喜欢那个半透明的效果，并尝试自己修改了一下，效果如下：

图一


图二


我设备不多，大多时候是用的HomePod语音控制，打开网页的次数不多，就没有做分页预览。




上面的代码控制做了一下注释，K大的帖子里面有，我还是重复标一下。

我这里主要是提供一下card-modder的卡片嵌套写法，这个是K大没有提到的部分，具体的看附件ui-lovelace

www文件解压，放到HA配置目录/www, JS引用，看配置文件。

qq1292993725

好帖，点赞

xieahui

不错 很详细 让不会的人都入门玩！
我最喜欢那个锁定插件

KuiLong

刚入坑来学习

情非殇

感谢分享

jjss520

感谢分享
来学习

happywolf

很不错，学习了

wshc1216

极米投影仪控制是怎么做的，那个遥控器不是蓝牙的骂，怎么实现控制的？

happywolf

配置过程遇到一个问题，使用一些card类型时，会出错，出错信息如下：

It says 'card',not 'cardS'.Remove the dash.

配置如下，我理解这就是一个card，不是多个，为什么会出错呢？

      - type: custom:card-modder
        style:
          --paper-card-background-color: rgba(0, 100, 0, 0.2)
          --paper-item-icon-color: white
          border-radius: 5px
          color: rgb(0, 0, 100)
        card:
          - type: gauge
            name: With Severity
            unit: '%'
            entity: sensor.processor_use
            severity:
              green: 0
              yellow: 45
              red: 85

lmy8812

这个赞
收藏一下