这套蘑菇主题是我目前自用的手机 UI 界面,整体效果很满意。得益于 AI 技术的日渐成熟,我用 AI 对原有 UI 代码进行了优化与重写,使其更加精简、规范。
主要改进说明:
1. 锚点全面应用,大幅精简代码通过引入锚点机制,整个 UI 界面均可统一生效,不再需要逐一手动修改,既减少了重复劳动,也降低了出错概率。
2. 加入 CSS 动画库,界面更生动动画效果的加入让 UI 更贴近真实生活,并能实时反映设备当前的工作状态,操作反馈更直观。
3. 房间集成卡片模板化使用 room-summary-card 实现房间集成卡片,全部采用模板化配置。只需在对应参数下填写正确的实体 ID 即可,无需手动编写大量代码,显著减少工作量。
4. 修复弹出卡片玻璃效果,适配新版环境由于 HomeAssistant 与 Browser Mod 版本升级,原有的弹出卡片毛玻璃效果已失效。为此,重写了弹出层的 CSS 代码,确保在新版环境下正常显示。
配置文件地址:
https://bbs.hassbian.com/thread-32234-1-1.html