lovelace配置太难了

Ari

哈哈哈 看到这么帅以为是网上的图片

Anooki

ghostist 发表于 2023-3-24 09:18
整个页面是一个floorplan吗？

不是，是个两个模块
整个页面是分成两个部分，一个是左边的slidebar，右边是很多个picture-elements
右边部分可以参考4#大佬的B站教程
https://www.bilibili.com/video/BV11U4y1m7pJ/?spm_id_from=333.999.0.0&vd_source=fae5609cb89d2998d090e75f597ec52e
他教程中侧边栏也挺好看的
下面是我侧边栏的一部分代码，可以参考看看，但是不一定是最优的方式，还在摸索中

cover: >
          {% set covers = [
            states.cover.lumi_v1_c804_curtain,
            states.cover.lumi_v1_6a38_curtain,
            states.cover.lumi_v1_d145_curtain,
          ] %}
          {% set covers_on = covers | selectattr('state','eq','closed') | list %}  
          {% if covers_on | length == 0 %}
            窗帘都已经打开了 
          {% else %} 
           有{{covers_on | length}}个窗帘关闭着
          {% endif %}     
        wshing : >
          {% if is_state_attr('sensor.sonoff_ab70005440', 'power', 'on')  %}            
            <b>洗衣机还要工作{{ state_attr('sensor.sonoff_ab70005440', 'remain_time') }}分钟</b>
          {% else %}
            洗衣机已关机
          {% endif %}
        heater : >
          {% if is_state_attr('sensor.sonoff_ab70005441', 'power', 'on')  %}            
            <b>热水器温度为{{ state_attr('sensor.sonoff_ab70005441','temperature') }}℃</b>
          {% else %}
            热水器已关机
          {% endif %}

复制代码

gmshiwoge

https://bbs.hassbian.com/thread-16730-2-1.html
调整位置获取坐标可以用浏览器插件CSS Shapes Editor

kayx

这个ui我也调了很久,然后就是残次品扔在那,凑乎用
基本布局,和样式,都是固定的,要改,就得一点一点去找到,才能改
而且他这个滑动卡,有bug,有填充问题
那么,大佬可不可以整个代码都放出来

qqkj

房子平面图挺简洁的，请问是用啥软件制作的啊？？

flyice

教你一招，把HA默认颜色改成深色，字体就会显示了。不然这种主题下，白色字体几乎看不见

ghostist

交个作业

Anooki

ghostist 发表于 2023-3-24 19:15
交个作业

不错，上手挺快的

ghostist

更新一下作业，总觉得文字和我的这套不搭
统一成图标了
点击可以展示当前开着的设备，方便点击关闭

guyue2005

这个界面配置是比较繁琐，主要还不是英文。有些根本看不懂，翻译出来的，意思也不是那么回事。