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

 找回密码
 立即注册
查看: 7478|回复: 91

[UI界面] 抄作业完成,HA彩平图UI

  [复制链接]

22

主题

320

帖子

4078

积分

论坛元老

Rank: 8Rank: 8

积分
4078
金钱
3753
HASS币
30
发表于 2024-8-17 16:50:19 | 显示全部楼层 |阅读模式
本帖最后由 MX10085 于 2024-9-20 22:27 编辑

抄作业完成,感谢原作者"消逝"的分享!

HA彩平图UI分享(2024-08-10更新)-保姆级教程! - 『HomeAssistant』综合讨论区 - 『瀚思彼岸』» 智能家居技术论坛 - Powered by Discuz! (hassbian.com)



QQ20240817-164024.png

QQ20240817-164141.png

QQ20240817-164215.png

QQ20240817-164128.png

QQ20240817-164106.png

QQ20240817-164050.png


QQ20240817-164204.png


界面配置: ui-tablet.zip (15.54 KB, 下载次数: 273)
弹出卡片: popup.zip (31.61 KB, 下载次数: 215)
所用图标: 图标.rar (2.39 MB, 下载次数: 228)








评分

参与人数 3金钱 +18 收起 理由
senderkey + 5 高手,这是高手!
WillYen + 5
summ99111 + 8 感谢楼主分享!

查看全部评分

回复

使用道具 举报

1

主题

37

帖子

219

积分

中级会员

Rank: 3Rank: 3

积分
219
金钱
182
HASS币
0
发表于 2024-8-17 16:59:45 | 显示全部楼层
大佬能分享下吗   有些地方不是很明白
回复

使用道具 举报

22

主题

320

帖子

4078

积分

论坛元老

Rank: 8Rank: 8

积分
4078
金钱
3753
HASS币
30
 楼主| 发表于 2024-8-17 17:51:04 | 显示全部楼层
欧阳 发表于 2024-8-17 16:59
大佬能分享下吗   有些地方不是很明白

已上传附件
回复

使用道具 举报

123

主题

4672

帖子

1万

积分

管理员

囧死

Rank: 9Rank: 9Rank: 9

积分
16496
金钱
11739
HASS币
45
发表于 2024-8-17 18:10:37 | 显示全部楼层
大家都开始卷UI了吗
回复

使用道具 举报

22

主题

320

帖子

4078

积分

论坛元老

Rank: 8Rank: 8

积分
4078
金钱
3753
HASS币
30
 楼主| 发表于 2024-8-17 18:59:16 | 显示全部楼层
囧 发表于 2024-8-17 18:10
大家都开始卷UI了吗

好的UI看着比较舒服
回复

使用道具 举报

0

主题

17

帖子

89

积分

注册会员

Rank: 2

积分
89
金钱
72
HASS币
0
发表于 2024-8-17 22:09:15 | 显示全部楼层
大家都开始卷UI了吗
回复

使用道具 举报

22

主题

628

帖子

2857

积分

金牌会员

Rank: 6Rank: 6

积分
2857
金钱
2229
HASS币
0
发表于 2024-8-17 23:13:04 | 显示全部楼层
漂亮,,在消逝大佬的指导下,这款UI  是目前观赏性实用性最高的一款了吧,,大佬的审美还是在线的。
话说楼主,我在平板上用了之后为啥明显感觉PAD 速度变慢了。
还有,滚动字母的部分好配置嘛?锦上添花
回复

使用道具 举报

22

主题

320

帖子

4078

积分

论坛元老

Rank: 8Rank: 8

积分
4078
金钱
3753
HASS币
30
 楼主| 发表于 2024-8-18 00:36:25 | 显示全部楼层
a_dongde 发表于 2024-8-17 23:13
漂亮,,在消逝大佬的指导下,这款UI  是目前观赏性实用性最高的一款了吧,,大佬的审美还是在线的。
话说 ...

滚动字母的部分很简单的:
          - type: image
            info1: '************************************************************'
            info2: '***********************   天气滚动条   **********************'
            info3: '************************************************************'
          - type: custom:button-card
            name: >
              [[[return `<div style='display: flex;display: -webkit-flex;'>
                <marquee>
                <span style='color: var(--white-color);  font-size:14px;'> 
                发布时间: ${states['sensor.nodered_weather'].state}&nbsp
                </span>
                </marquee>`]]]
            style:
              top: 780px
              left: 736px
              width: 880px
回复

使用道具 举报

22

主题

320

帖子

4078

积分

论坛元老

Rank: 8Rank: 8

积分
4078
金钱
3753
HASS币
30
 楼主| 发表于 2024-8-18 00:37:55 | 显示全部楼层
a_dongde 发表于 2024-8-17 23:13
漂亮,,在消逝大佬的指导下,这款UI  是目前观赏性实用性最高的一款了吧,,大佬的审美还是在线的。
话说 ...

PAD 速度变慢了好像没感觉到
回复

使用道具 举报

1

主题

37

帖子

219

积分

中级会员

Rank: 3Rank: 3

积分
219
金钱
182
HASS币
0
发表于 2024-8-18 09:09:28 | 显示全部楼层

大佬能参考下你的configuration.yaml吗  有的引入实体不明白怎么写
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2025-2-6 01:46 , Processed in 0.110190 second(s), 35 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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