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

 找回密码
 立即注册
楼主: ckaien

[UI界面] 个人觉得适合新手小白的前端:Bubble Card

[复制链接]

13

主题

665

帖子

3421

积分

论坛元老

HomeAssistant

Rank: 8Rank: 8

积分
3421
金钱
2751
HASS币
20
发表于 2024-11-26 13:22:07 | 显示全部楼层
ckaien 发表于 2024-11-26 13:19
是不错,用太久有点儿腻了

我最近才发现的。。。
回复

使用道具 举报

4

主题

74

帖子

480

积分

中级会员

Rank: 3Rank: 3

积分
480
金钱
406
HASS币
0
发表于 2024-11-26 18:24:23 | 显示全部楼层
最近也在用bubblecard重构手机端的页面,用起来确实方便点,主要基本都是手机上使用
PixPin_2024-11-26_18-23-42.png
PixPin_2024-11-26_18-23-50.png
回复

使用道具 举报

2

主题

19

帖子

107

积分

注册会员

Rank: 2

积分
107
金钱
88
HASS币
0
 楼主| 发表于 2024-11-27 14:34:50 | 显示全部楼层
hassmingovo 发表于 2024-11-26 18:24
最近也在用bubblecard重构手机端的页面,用起来确实方便点,主要基本都是手机上使用
...

我最喜欢它的弹出卡片和子卡片功能
回复

使用道具 举报

2

主题

77

帖子

356

积分

中级会员

Rank: 3Rank: 3

积分
356
金钱
279
HASS币
0
发表于 2024-11-27 15:26:50 | 显示全部楼层
ckaien 发表于 2024-11-26 12:46
https://www.youtube.com/watch?v=oCpxhNk5JkE&t=21s

全英语的你是怎么看懂的?
回复

使用道具 举报

1

主题

32

帖子

166

积分

注册会员

Rank: 2

积分
166
金钱
134
HASS币
0
发表于 2024-11-27 16:39:02 | 显示全部楼层
DDDear 发表于 2024-11-26 12:51
用HA自带的磁贴卡片也挺不错,官方例程https://demo.home-assistant.io/#/lovelace/home

弄成你这样的有教程吗?
回复

使用道具 举报

13

主题

665

帖子

3421

积分

论坛元老

HomeAssistant

Rank: 8Rank: 8

积分
3421
金钱
2751
HASS币
20
发表于 2024-11-28 08:23:45 | 显示全部楼层
zssss 发表于 2024-11-27 16:39
弄成你这样的有教程吗?

升到最新版,然后新建界面就自动是这种布局,自己一个一个添加就行,我给你我的代码你参考下,dashboard是界面的,sensor.ce_bian_lan_miao_shu和sensor.ce_bian_lan_yu_jing是  辅助元素—template传感器 demo.zip (4.79 KB, 下载次数: 21)
回复

使用道具 举报

1

主题

32

帖子

166

积分

注册会员

Rank: 2

积分
166
金钱
134
HASS币
0
发表于 2024-11-28 08:52:53 | 显示全部楼层
DDDear 发表于 2024-11-28 08:23
升到最新版,然后新建界面就自动是这种布局,自己一个一个添加就行,我给你我的代码你参考下,dashboard ...

谢谢。我刚接触,先学习学习,目前直接看还是有点困难,想知道哪里有点系统性的教程啥的。
回复

使用道具 举报

13

主题

665

帖子

3421

积分

论坛元老

HomeAssistant

Rank: 8Rank: 8

积分
3421
金钱
2751
HASS币
20
发表于 2024-11-28 10:14:33 | 显示全部楼层
zssss 发表于 2024-11-28 08:52
谢谢。我刚接触,先学习学习,目前直接看还是有点困难,想知道哪里有点系统性的教程啥的。 ...

教程可以搜搜论坛的帖子,多看看时间长了慢慢消化下就可以了。不过ha经常更新,资料还是以官网为准,也很详细。
回复

使用道具 举报

1

主题

32

帖子

166

积分

注册会员

Rank: 2

积分
166
金钱
134
HASS币
0
发表于 2024-11-28 15:37:15 | 显示全部楼层
DDDear 发表于 2024-11-28 10:14
教程可以搜搜论坛的帖子,多看看时间长了慢慢消化下就可以了。不过ha经常更新,资料还是以官网为准,也很 ...

摸索一下懂大概怎么弄了,你的时钟那边的信息是怎么弄的?挺喜欢的
回复

使用道具 举报

35

主题

416

帖子

2685

积分

金牌会员

Rank: 6Rank: 6

积分
2685
金钱
2269
HASS币
10
发表于 2024-11-28 16:47:06 | 显示全部楼层
用了这个以后,界面可以清爽不少 截图.jpg
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2025-3-4 19:24 , Processed in 0.146658 second(s), 32 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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