给家里中控屏装上浪漫 —— 520 爱情卡片介绍

2026-05-20 09:28:12 3点赞 2收藏 0评论

💕>适用人群:Home Assistant 用户、智能家居爱好者、有中控屏的家庭

---

家里有中控屏的,这个卡片一定要装 🎉

如果你家里有 HA 中控屏放在玄关、客厅或卧室,那这张卡片就是为你量身定制的。

想象一下这个场景:

>下班回家,走到中控屏前,点一下那个跳动的爱心按钮 ——

>

>屏幕瞬间被爱心填满,满屏飘散,中间弹出**"I ❤ U"**💕

>

>旁边的人看到了,脸上的笑容根本藏不住 😊

这不是电影特效,这是**Home Assistant 520 爱情卡片**的真实效果。

---

效果到底有多惊艳?

装好之后,你的中控屏上会显示这样一张卡片:

给家里中控屏装上浪漫 —— 520 爱情卡片介绍


点击爱心后的特效(重点来了 👇)

  1. 按钮脉冲动画 — 爱心按钮放大缩小,光晕闪烁

  2. 满屏爱心雨 — 100+ 个爱心 emoji 从屏幕底部向上飘散,分多波次释放

  3. 中央大字弹出"I ❤ U" 震撼登场,然后慢慢渐隐

  4. 6秒后自动清理 — 不残留任何元素,屏幕恢复如初

给家里中控屏装上浪漫 —— 520 爱情卡片介绍

💡 小技巧:多次点击效果更震撼

连续快速点击中间的爱心按钮,每次点击都会触发一波新的爱心特效 ——

  • 点 1 次:一波爱心飘散 ✨

  • 点 3 次:三波爱心叠在一起,满屏都是 ❤️ 💕 💗

  • 点 5 次以上:整个中控屏被爱心淹没,浪漫值拉满 💯

这个功能特别适合:

  • 🎉 520 当天 — 给 TA 一个惊喜

  • 💍 求婚 / 告白 — 中控屏突然炸开爱心,单膝下跪

  • 🎂 生日 — 提前设置好,TA 走到中控屏前自动发现

  • 🏠 日常仪式感 — 每天出门前点一下,传递爱意

---


核心功能


👥 双人头像展示

  • 圆形头像,粉红色渐变边框,高级感拉满

  • 自动读取 person 实体的头像,不用额外配置

  • 没有头像?自动显示 💕 占位图标


🏠 实时在家状态

  • 显示对方是否在家(🏠 在家 / 外出中)

  • 基于 HA 的 person 实体,实时更新


💓 跳动爱心按钮

  • 中间的大爱心自带呼吸灯动画,一直在那儿轻轻跳动

  • 吸引你忍不住去点它 😊


🎆 全屏爱心特效

  • 点击后触发,满屏爱心向上飘散

  • 支持多次点击叠加,效果越来越震撼

  • 6秒后自动消失,不脏屏


🎨 自定义标题和副标题

给家里中控屏装上浪漫 —— 520 爱情卡片介绍

你可以改成任何你想说的话:

  • title: 💍 嫁给我吧

  • subtitle: 2026.05.20 - Forever

  • title: 🎂 Happy Birthday

  • subtitle: To My Dearest

---

安装方法

方法一:HACS(推荐,30秒搞定)

  1. 打开 HACS → 前端

  2. 点击右下角 「+」

  3. 选择 「自定义仓库」

  4. 输入:`https://github.com/j1617/love-520-card`

  5. 类别选 Lovelace

  6. 安装,刷新页面

方法二:手动安装

  1. love-520-card.js 放到 /config/www/

  2. 设置 → 仪表盘 → 资源 添加:`/local/love-520-card.js`

  3. 刷新浏览器

---


配置示例


基础配置(最常用)

```yaml

type:custom:love-520-card

title:💕 520 快乐

subtitle:HAPPY 520 DAY

user1:

entity:person.xiaoming

name:小明

user2:

entity:person.xiaohong

name:小红

```


求婚 / 告白特别版

```yaml

type:custom:love-520-card

title:💍 嫁给我好吗?

subtitle:2023.05.20 - Forever & Always

user1:

entity:person.me

user2:

entity:person.mylove

```


生日惊喜

```yaml

type:custom:love-520-card

title:🎂 生日快乐!

subtitle:To My Dearest Wife

user1:

entity:person.husband

user2:

entity:person.wife

```


情人节

```yaml

type:custom:love-520-card

title:🌹 Valentine's Day

subtitle:Be My Valentine

user1:

entity:person.me

user2:

entity:person.you

```

---


适用场景

| 场景 | 效果 |

|------|------|

| 🎉**520 网络情人节**| 中控屏突然炸开爱心,TA 措手不及的惊喜 |

| 💍**求婚 / 告白**| 提前设置好,TA 走到中控屏前点击触发 |

| 🎂**生日**| 生日当天的第一份惊喜 |

| 💒**纪念日**| 两周年、五周年、十周年都可以 |

| 🏠**日常仪式感**| 每天出门前点一下,传递爱意 |

| 📱**远程表白**| 通过 HA App 远程触发,TA 在家看到特效 |

---


为什么特别适合中控屏?

  1. 大屏效果震撼手机上看着小,中控屏上满屏爱心,视觉冲击力爆表

  2. 放在公共区域 — 玄关、客厅、卧室,TA 随时能看到

  3. 互动性强 — TA 会忍不住去点那个跳动的爱心,然后被特效惊艳

  4. 不占日常界面 — 可以单独放一个 tab,只在特殊日子切换过去

---

版本记录

给家里中控屏装上浪漫 —— 520 爱情卡片介绍


| 版本 | 亮点 |

|------|------|

|**v5.2.0**| 新增自定义副标题`subtitle`参数 |

| v1.0.0 | 首次发布,基础功能完善 |

---


获取方式

如果觉得好用,欢迎在 GitHub 上点个 ⭐ Star!

---


最后说一句

智能家居不只有「实用」,也可以有「浪漫」。

这张卡片不解决任何实际问题,但它能让家里多一点温度,多一点仪式感。

520 快到了,给 TA 一个惊喜吧 💕

---

展开 收起
0评论

当前文章无评论,是时候发表评论了
提示信息

取消
确认
评论举报

相关文章推荐

更多精彩文章
更多精彩文章
最新文章 热门文章
2
扫一下,分享更方便,购买更轻松