『瀚思彼岸』» 智能家居技术论坛

 找回密码
 立即注册
查看: 3712|回复: 21

[UI界面] lovelace配置太难了

[复制链接]

22

主题

183

帖子

1478

积分

金牌会员

Rank: 6Rank: 6

积分
1478
金钱
1295
HASS币
10
发表于 2023-3-23 23:21:09 | 显示全部楼层 |阅读模式
本帖最后由 Anooki 于 2023-3-24 08:44 编辑

纯UI小白,没有前端知识,完全靠百度和翻译看各个卡片的用法
配置起来太难了。lovelace用的模板是这个 matt8707/hass-config: ✨ A different take on designing a Lovelace UI (Dashboard) (github.com)
难点一:
1.卡片出现的位置大致可以控制,但是如果要微调或者调大小,完全不可控
   用的是grid-layout
难点二
2.卡片要的效果配置不出来,很多卡片的背景 、字体都不知道怎么更改
  按着模板配,换个设备,就不行了
人菜还爱玩,只有慢慢摸索了
记录一下自己做的半成品
1.png 微信图片_20230324084354.png 3.png 4.png 5.png

2.png

评分

参与人数 1金钱 +8 收起 理由
gx19970920 + 8 感谢楼主分享!

查看全部评分

回复

使用道具 举报

29

主题

917

帖子

4149

积分

论坛元老

Rank: 8Rank: 8

积分
4149
金钱
3222
HASS币
70
发表于 2023-3-24 01:06:38 | 显示全部楼层
本帖最后由 relliky 于 2023-3-24 01:11 编辑

这个确实是有点难,但你用的这个界面好看啊。

我入门lovelace的时候基本一行代码没敲,全用的图形界面,https://bbs.hassbian.com/thread-17935-1-1.html,也可以做的比较好看

不过就是像你说的微调很难,但不微调不就好了么(微调就是定制,定制就要学习咋敲代码了)。不过苹果家庭也是一样的啊,也不能微调啊,你如果能接受别人做好的不用微调的现成品的话,每个图标点点鼠标就可以了还是很方便的。
如果硬是就用你现在这个的话,那就慢慢折腾呗,折腾的本身就是一种乐趣。



我家全屋智能的HA设置 https://github.com/relliky/Tais_Home_Assistant_Config
回复

使用道具 举报

0

主题

109

帖子

1228

积分

金牌会员

Rank: 6Rank: 6

积分
1228
金钱
1119
HASS币
0
发表于 2023-3-24 02:18:18 | 显示全部楼层
收藏先,感谢分享
回复

使用道具 举报

3

主题

45

帖子

372

积分

中级会员

Rank: 3Rank: 3

积分
372
金钱
327
HASS币
0
发表于 2023-3-24 07:58:42 | 显示全部楼层
我靠..为什么第二张平面图左下角还有我的头像.
回复

使用道具 举报

22

主题

183

帖子

1478

积分

金牌会员

Rank: 6Rank: 6

积分
1478
金钱
1295
HASS币
10
 楼主| 发表于 2023-3-24 08:35:41 | 显示全部楼层
leotantantan 发表于 2023-3-24 07:58
我靠..为什么第二张平面图左下角还有我的头像.

大佬不好意思,第二个页面是参照你b站的视频配置的,这是个半成品,还没改完
回复

使用道具 举报

39

主题

2046

帖子

7692

积分

元老级技术达人

积分
7692
金钱
5631
HASS币
110
发表于 2023-3-24 08:44:30 | 显示全部楼层
左边那个统计信息是怎么来的?有教程链接吗?学习学习
回复

使用道具 举报

22

主题

183

帖子

1478

积分

金牌会员

Rank: 6Rank: 6

积分
1478
金钱
1295
HASS币
10
 楼主| 发表于 2023-3-24 08:49:45 | 显示全部楼层
ghostist 发表于 2023-3-24 08:44
左边那个统计信息是怎么来的?有教程链接吗?学习学习

那个就是markdown写的,主要是里面用变量去获取设备的状态或者属性
可以参考这两个官方说明
https://www.home-assistant.io/docs/automation/templating/
https://www.home-assistant.io/docs/configuration/templating/
语法是jinjia2,可以看看这个说明
http://docs.jinkan.org/docs/jinja2/
当时我被这个搞了很久,希望上面几个说明能帮助你少走弯路
回复

使用道具 举报

22

主题

183

帖子

1478

积分

金牌会员

Rank: 6Rank: 6

积分
1478
金钱
1295
HASS币
10
 楼主| 发表于 2023-3-24 08:51:16 | 显示全部楼层
leotantantan 发表于 2023-3-24 07:58
我靠..为什么第二张平面图左下角还有我的头像.

大佬,图片已经更换了
之前看到这么帅,以为是网上的图片,就没有动
回复

使用道具 举报

39

主题

2046

帖子

7692

积分

元老级技术达人

积分
7692
金钱
5631
HASS币
110
发表于 2023-3-24 09:18:28 | 显示全部楼层
Anooki 发表于 2023-3-24 08:49
那个就是markdown写的,主要是里面用变量去获取设备的状态或者属性
可以参考这两个官方说明
https://www. ...

整个页面是一个floorplan吗?
回复

使用道具 举报

3

主题

45

帖子

372

积分

中级会员

Rank: 3Rank: 3

积分
372
金钱
327
HASS币
0
发表于 2023-3-24 09:21:40 | 显示全部楼层
Anooki 发表于 2023-3-24 08:51
大佬,图片已经更换了
之前看到这么帅,以为是网上的图片,就没有动

哈哈, 没事, 忽然看到自己下一跳
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-4-24 18:50 , Processed in 0.117913 second(s), 35 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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