写UI断断续续写了快2个月，终于把手机UI搭得7788了

fay000fay

browser_mod:
        service: browser_mod.popup
        data:
          card_mod:
            style:
              ha-dialog$: |
                div.mdc-dialog div.mdc-dialog__scrim {
                  backdrop-filter: blur(5px);
                }

复制代码

fay000fay

fay000fay 发表于 2024-9-6 14:27

你可以加card_mod这个代码，让弹出卡片背景毛玻璃效果，

yingkkk

gasment 发表于 2024-9-6 14:19
用自带的网页卡片打开clash的面板地址就行了

无法加载 iframe，因为其指向的网站使用 http:，而 Home Assistant 正通过 https: 提供服务。

这还有办法搞吗

jyz_0501

挺漂亮～ 但是渐变色 配这些颜色 多少感觉有些杂乱，找找网上的高级配色方案改一下 会更漂亮

gasment

fay000fay 发表于 2024-9-6 14:29
你可以加card_mod这个代码，让弹出卡片背景毛玻璃效果，

加上后PC浏览器有效果，手机上清了缓存还是没模糊

fay000fay

yingkkk 发表于 2024-9-6 14:59
无法加载 iframe，因为其指向的网站使用 http:，而 Home Assistant 正通过 https: 提供服务。

这还有办 ...

我是能添加了。但是仅限于本地访问。外网访问的话，我把9090端口转发出来，也可以了。手机上能看，但是七八秒左右就断开了，显示failed to connect to the backend http://127.0.0.1:9090

1939971698

可以分享下你全屋的智能设备吗，用的是什么扫地机呀

fay000fay

gasment 发表于 2024-9-6 15:20
加上后PC浏览器有效果，手机上清了缓存还是没模糊

这个问题我老婆的iphone也遇到了。但我自己的iphone，包括mac, ipad，android都一切正常。就很奇怪。目前没找到原因。。你如果找到了和我说下哈。

gasment

yingkkk 发表于 2024-9-6 14:59
无法加载 iframe，因为其指向的网站使用 http:，而 Home Assistant 正通过 https: 提供服务。

这还有办 ...

因为是不允许在https页面嵌套http内容的，需要把面板地址也做成https，
我的做法是
1、反代Clash的管理端口和面板的web页面，我用的lucky反代插件，比如这样
2、这个时候直接访问(域名和端口换自己的，登录密钥在clash插件的外部控制设置里有）
https://yacd-web.xxxx.com:xxxx/? ... rt=xxxx&secret=你的

登录密钥

&theme=light

就可以免登录进面板，把上面那串地址放进ha网页卡片即可

gasment

1939971698 发表于 2024-9-6 15:33
可以分享下你全屋的智能设备吗，用的是什么扫地机呀

追觅的s10