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

 找回密码
 立即注册
楼主: 达文西XXL

[基础教程] 可视化控制基本完成,附卡片代码,需要的赶紧学起来!

[复制链接]

0

主题

30

帖子

367

积分

中级会员

Rank: 3Rank: 3

积分
367
金钱
337
HASS币
0
发表于 2022-9-2 11:34:34 | 显示全部楼层
达文西XXL 发表于 2022-9-2 10:17
这个我也还没有研究会,应该是要搞一个有切换功能的主题。

那怎么弄的图片这么大呢,添加卡片的户型图太小了
回复

使用道具 举报

12

主题

106

帖子

529

积分

高级会员

Rank: 4

积分
529
金钱
423
HASS币
0
发表于 2022-9-2 11:47:27 | 显示全部楼层
ha-floorplan??
回复

使用道具 举报

3

主题

107

帖子

879

积分

高级会员

Rank: 4

积分
879
金钱
772
HASS币
0
发表于 2022-9-2 13:06:15 | 显示全部楼层
Jashown 发表于 2022-9-2 08:40
感谢楼主分享。想问一下怎么实现图片这么大的,还有就是能实现点击某个房间,跳到那个房间的仪表盘进而控制 ...

tap_action里写上要跳转的相对路径不就好了
回复

使用道具 举报

3

主题

107

帖子

879

积分

高级会员

Rank: 4

积分
879
金钱
772
HASS币
0
发表于 2022-9-2 13:07:52 | 显示全部楼层
Jashown 发表于 2022-9-2 11:34
那怎么弄的图片这么大呢,添加卡片的户型图太小了

建议用高分辨率的户型图,实在没有的话就把width调大
回复

使用道具 举报

0

主题

30

帖子

367

积分

中级会员

Rank: 3Rank: 3

积分
367
金钱
337
HASS币
0
发表于 2022-9-2 13:47:13 | 显示全部楼层
big111boy 发表于 2022-9-2 13:06
tap_action里写上要跳转的相对路径不就好了

好的我试试
回复

使用道具 举报

59

主题

675

帖子

4305

积分

论坛元老

Rank: 8Rank: 8

积分
4305
金钱
3625
HASS币
20
发表于 2022-9-2 15:51:58 | 显示全部楼层
zxyny1989 发表于 2022-9-2 02:58
为啥不用ha-floorplan

感觉不好用 还麻烦呢
回复

使用道具 举报

59

主题

675

帖子

4305

积分

论坛元老

Rank: 8Rank: 8

积分
4305
金钱
3625
HASS币
20
发表于 2022-9-2 15:56:08 | 显示全部楼层
有两个图片重叠时候 可以用一下css颜色样式  mix-blend-mode: lighten 效果等于ps的柔色类似
回复

使用道具 举报

5

主题

46

帖子

203

积分

中级会员

Rank: 3Rank: 3

积分
203
金钱
157
HASS币
0
 楼主| 发表于 2022-9-2 15:59:19 | 显示全部楼层
big111boy 发表于 2022-9-2 13:06
tap_action里写上要跳转的相对路径不就好了

这个不会,嘿嘿!!
回复

使用道具 举报

5

主题

46

帖子

203

积分

中级会员

Rank: 3Rank: 3

积分
203
金钱
157
HASS币
0
 楼主| 发表于 2022-9-2 16:00:23 | 显示全部楼层
gmshiwoge 发表于 2022-9-2 15:56
有两个图片重叠时候 可以用一下css颜色样式  mix-blend-mode: lighten 效果等于ps的柔色类似 ...

这个具体怎么操作,不熟悉CSS.
回复

使用道具 举报

5

主题

46

帖子

203

积分

中级会员

Rank: 3Rank: 3

积分
203
金钱
157
HASS币
0
 楼主| 发表于 2022-9-2 16:01:49 | 显示全部楼层
Jashown 发表于 2022-9-2 11:34
那怎么弄的图片这么大呢,添加卡片的户型图太小了

标签设置里面改成 面板单张卡片显示就可以
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-11-29 06:52 , Processed in 0.053297 second(s), 30 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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