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

 找回密码
 立即注册
查看: 2445|回复: 12

[UI界面] 求教怎么实现卡片内的标题单独显示?

[复制链接]

6

主题

78

帖子

1726

积分

金牌会员

Rank: 6Rank: 6

积分
1726
金钱
1648
HASS币
0
发表于 2022-5-19 22:53:46 | 显示全部楼层 |阅读模式
例如下面图上这些lights的标题,是怎么单独显示的?我试了下发现都是和下面内容包在一个卡片框里的。。。

                               
登录/注册后可看大图

回复

使用道具 举报

18

主题

266

帖子

1544

积分

金牌会员

Rank: 6Rank: 6

积分
1544
金钱
1278
HASS币
0
发表于 2022-5-20 11:12:17 | 显示全部楼层
本帖最后由 yotashop 于 2022-5-26 19:49 编辑

同问!hacs里搜 title header啥的都搜不到
回复

使用道具 举报

32

主题

2011

帖子

5134

积分

论坛元老

Rank: 8Rank: 8

积分
5134
金钱
3123
HASS币
50
QQ
发表于 2022-5-20 14:04:21 | 显示全部楼层
可以的,以前搞过,实际上是两张卡片。
我不生产技术,我只是技术的搬运工。
回复

使用道具 举报

6

主题

78

帖子

1726

积分

金牌会员

Rank: 6Rank: 6

积分
1726
金钱
1648
HASS币
0
 楼主| 发表于 2022-5-20 16:51:15 | 显示全部楼层
zxyny1989 发表于 2022-5-20 14:04
可以的,以前搞过,实际上是两张卡片。

请问是哪种卡片可以只显示文字不显示外框的?
回复

使用道具 举报

32

主题

2011

帖子

5134

积分

论坛元老

Rank: 8Rank: 8

积分
5134
金钱
3123
HASS币
50
QQ
发表于 2022-5-20 23:37:22 | 显示全部楼层
zets 发表于 2022-5-20 16:51
请问是哪种卡片可以只显示文字不显示外框的?

这个里边一样?
我不生产技术,我只是技术的搬运工。
回复

使用道具 举报

18

主题

266

帖子

1544

积分

金牌会员

Rank: 6Rank: 6

积分
1544
金钱
1278
HASS币
0
发表于 2022-5-20 23:46:35 | 显示全部楼层
本帖最后由 yotashop 于 2022-5-21 10:18 编辑
zxyny1989 发表于 2022-5-20 23:37
像这个里边一样?

真的有点服这个全站发帖第二多的大佬...水了两贴啥也没讲。。研究了一下,参考这个帖子https://community.home-assistant.io/t/card-mod-add-css-styles-to-any-lovelace-card/120744/265
用的是card mod
比如整个卡片背景变透明的话可以这样:
card_mod:
  style: |
    ha-card {
      background-color: transparent;
      box-shadow: none;
    }

单独一个标题卡片的话:
type: entities
entities: []
title: LIVINGROOM
show_header_toggle: false
card_mod:
  style: |
    ha-card {
      background-color: transparent;
      box-shadow: none;
    }
673BD28E-4ABD-487A-8D4E-CD642F4DCEAF.png




回复

使用道具 举报

32

主题

2011

帖子

5134

积分

论坛元老

Rank: 8Rank: 8

积分
5134
金钱
3123
HASS币
50
QQ
发表于 2022-5-21 02:23:52 | 显示全部楼层
本帖最后由 zxyny1989 于 2022-5-21 02:29 编辑
yotashop 发表于 2022-5-20 23:46
真的有点服这个全站发帖第二多的大佬...水了两贴啥也没讲。。研究了一下,参考这个帖子https://community. ...

我看了你这回复,更不想讲了。默默把打下的答案删除了。我也是从论坛里泡出来的,一点点试错出来的。论坛本是凭着各位的分享精神的,你这样回复,我不知道我还有什么义务分享我自己学到的东西呢?
我不生产技术,我只是技术的搬运工。
回复

使用道具 举报

6

主题

78

帖子

1726

积分

金牌会员

Rank: 6Rank: 6

积分
1726
金钱
1648
HASS币
0
 楼主| 发表于 2022-5-21 19:27:44 | 显示全部楼层
yotashop 发表于 2022-5-20 23:46
真的有点服这个全站发帖第二多的大佬...水了两贴啥也没讲。。研究了一下,参考这个帖子https://community. ...

感谢回答,已经解决,我用的是mushroom的其中一个card
  - type: custom:mushroom-title-card
    title: 灯光
回复

使用道具 举报

6

主题

78

帖子

1726

积分

金牌会员

Rank: 6Rank: 6

积分
1726
金钱
1648
HASS币
0
 楼主| 发表于 2022-5-21 19:30:11 | 显示全部楼层
zxyny1989 发表于 2022-5-21 02:23
我看了你这回复,更不想讲了。默默把打下的答案删除了。我也是从论坛里泡出来的,一点点试错出来的。论坛 ...

和谐讨论和谐讨论,消消气
大家都是为了解决问题嘛
回复

使用道具 举报

15

主题

227

帖子

1431

积分

金牌会员

Rank: 6Rank: 6

积分
1431
金钱
1204
HASS币
0
发表于 2022-5-21 20:05:59 | 显示全部楼层
朋友  你那个lock锁怎么弄得呢    代码能分享下吗?  谢谢!!!
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-5-9 23:31 , Processed in 0.062861 second(s), 35 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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