使用bubble-card代替子视图和browser_mod弹窗，改造我的UI 2.0

gasment

我之前的帖子：写UI断断续续写了快2个月，终于把手机UI搭得7788了 - 『HomeAssistant』综合讨论区 - 『瀚思彼岸』» 智能家居技术论坛 - Powered by Discuz!使用button-card写一些服务器状态监控页面，配合nodered - 『HomeAssistant』综合讨论区 - 『瀚思彼岸』» 智能家居技术论坛 - Powered by Discuz!

提到使用了browser_mod弹窗和子视图，但是一直有几个问题没法得到有效解决
1、子视图内如果有交互点击，它页面自带的返回按钮经常不好使
2、browser_mod弹窗内套用button-card，自定义的数值状态，在弹窗期间不会得到更新
3、browser_mod会创建N多实体
4、browser_mod没法仅在当前设备打开

了解到bubble-card插件，其弹出功能深得我心，很好的解决了以上遇到的问题，用几天时间学习了下，把原先的卡片进行了改造，
所有browser_mod弹窗都换位bubble-card的pop-up卡片，由于pop-up卡片使用 action: navigate来触发弹出，因此可以在pop-up卡片内继续嵌套pop-up卡，这样子视图也可以抛弃了

下面看下改造成果：

后面会单独出一篇帖子，讲下我摸索bubble-card使用方法时的经验和方法，有兴趣的可以关注下

ghostist

关注有一阵了 后面准备也替换下
browser_mod好像很久不更新了

hassmingovo

bubble-card 确实用起来方便不少，基本都能可视化配置

                               
登录/注册后可看大图

a_dongde

这位大佬提供的 试下？
https://bbs.hassbian.com/thread-27772-1-1.html

fay000fay

看着不错。browser弹出的动画太生硬了

llity

你这个也太萌了，谢谢

Spending5027

browser_mod 创建一堆实体看着烦，有空了研究下也换换

花落花空

由于您的浏览器禁用了COOKIE，视频无法正常播放
请设置开启COOKIE后刷新页面

hqwaszx

想問一下 可以顯示系統內存,CPU,GPU的長條圖示哪一張card呢!?

gasment

hqwaszx 发表于 2025-1-4 03:38
想問一下 可以顯示系統內存,CPU,GPU的長條圖示哪一張card呢!?

我用的是custom button-card，自定义布局，在卡片背景色中设置两种颜色的长度占比来模拟进度条
linear-gradient(to right, ${color1} ${percentage}%, ${color2} ${percentage}%)`