请选择 进入手机版 | 继续访问电脑版

『瀚思彼岸』» 智能家居第一站

 找回密码
 立即注册
查看: 1955|回复: 47

[新奇玩法] 不一样的lovelace ui !!! (一)

[复制链接]

6

主题

177

帖子

1014

积分

金牌会员

Rank: 6Rank: 6

积分
1014
金钱
837
HASS币
0
发表于 2019-1-7 23:01:28 | 显示全部楼层 |阅读模式
本帖最后由 Lee 于 2019-3-3 23:14 编辑

传送门: 不一样的lovelace ui  !!!  (二) 动态化
传送门:不一样的lovelace ui  !!!  (三) 触控化

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

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

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

图一
1.jpg

图二
2.jpg

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




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

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

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





3.png

ui-lovelace.zip

2.95 KB, 下载次数: 165

www.zip

33.34 KB, 下载次数: 132

评分

参与人数 2金钱 +30 收起 理由
Jones + 20 大神666!
windgo + 10 大神666!

查看全部评分

回复

使用道具 举报

1

主题

30

帖子

133

积分

注册会员

Rank: 2

积分
133
金钱
103
HASS币
0
发表于 2019-1-7 23:45:05 来自手机 | 显示全部楼层
好帖,点赞
回复

使用道具 举报

5

主题

936

帖子

2473

积分

金牌会员

流水无味

Rank: 6Rank: 6

积分
2473
金钱
1537
HASS币
145
发表于 2019-1-8 07:37:19 | 显示全部楼层
不错 很详细 让不会的人都入门玩!
我最喜欢那个锁定插件
回复

使用道具 举报

0

主题

24

帖子

101

积分

注册会员

Rank: 2

积分
101
金钱
77
HASS币
0
发表于 2019-1-8 07:39:39 | 显示全部楼层
刚入坑来学习
回复

使用道具 举报

9

主题

482

帖子

1822

积分

金牌会员

Rank: 6Rank: 6

积分
1822
金钱
1340
HASS币
0
发表于 2019-1-8 08:45:39 | 显示全部楼层
感谢分享
回复

使用道具 举报

0

主题

66

帖子

239

积分

中级会员

Rank: 3Rank: 3

积分
239
金钱
173
HASS币
0
发表于 2019-1-8 09:18:20 | 显示全部楼层
感谢分享
来学习
回复

使用道具 举报

0

主题

60

帖子

247

积分

中级会员

Rank: 3Rank: 3

积分
247
金钱
187
HASS币
0
发表于 2019-1-8 10:33:56 | 显示全部楼层
很不错,学习了
回复

使用道具 举报

12

主题

173

帖子

645

积分

高级会员

Rank: 4

积分
645
金钱
472
HASS币
0
发表于 2019-1-8 11:03:18 | 显示全部楼层
极米投影仪控制是怎么做的,那个遥控器不是蓝牙的骂,怎么实现控制的?
回复

使用道具 举报

0

主题

60

帖子

247

积分

中级会员

Rank: 3Rank: 3

积分
247
金钱
187
HASS币
0
发表于 2019-1-8 11:12:50 | 显示全部楼层
配置过程遇到一个问题,使用一些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
回复

使用道具 举报

9

主题

225

帖子

938

积分

高级会员

Rank: 4

积分
938
金钱
713
HASS币
0
发表于 2019-1-8 11:36:42 | 显示全部楼层
这个赞
收藏一下
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2019-3-19 03:39 , Processed in 0.490105 second(s), 40 queries .

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表