Homeassistant界面美化

目前，是基于mqtt和小米设备。后续会再完善。

代码如下

type: picture-elements
image: >-
  https://xiaoyaozi666.oss-cn-beijing.aliyuncs.com/%E5%AE%A2%E5%8E%85_20240313144539.png
style:
  width: 50%
elements:
  - type: image
    entity: light.led_1
    tap_action:
      action: none
    style:
      pointer-events: none
      top: 50%
      left: 50%
      width: 100%
      mix_blend_mode: lighten
    state_image:
      'off': >-
        https://xiaoyaozi666.oss-cn-beijing.aliyuncs.com/%E9%80%8F%E6%98%8E_20240313163212.png
      'on': >-
        https://xiaoyaozi666.oss-cn-beijing.aliyuncs.com/%E5%AE%A2%E5%8E%85%E5%BC%80%E7%81%AF2_20240313163404.png
  - type: image
    entity: light.led_1
    tap_action:
      action: toggle
    style:
      top: 60%
      left: 70%
      width: 8%
    state_image:
      'off': >-
        https://xiaoyaozi666.oss-cn-beijing.aliyuncs.com/%E7%81%AF%E5%85%A8%E5%85%B3_20240313160401.png
      'on': >-
        https://xiaoyaozi666.oss-cn-beijing.aliyuncs.com/%E7%81%AF%E5%BC%80_20240313145253.png
  - type: image
    entity: light.yeelight_lamp1_b04b_light
    tap_action:
      action: none
    style:
      pointer-events: none
      top: 50%
      left: 50%
      width: 100%
      mix_blend_mode: lighten
    state_image:
      'off': >-
        https://xiaoyaozi666.oss-cn-beijing.aliyuncs.com/%E9%80%8F%E6%98%8E_20240313163212.png
      'on': >-
        https://xiaoyaozi666.oss-cn-beijing.aliyuncs.com/%E9%A4%90%E5%8E%852_20240313162836.png
  - type: image
    entity: light.yeelight_lamp1_b04b_light
    tap_action:
      action: toggle
    style:
      top: 60%
      left: 30%
      width: 8%
    state_image:
      'off': >-
        https://xiaoyaozi666.oss-cn-beijing.aliyuncs.com/%E7%81%AF%E5%85%A8%E5%85%B3_20240313160401.png
      'on': >-
        https://xiaoyaozi666.oss-cn-beijing.aliyuncs.com/%E7%81%AF%E5%BC%80_20240313145253.png
  - type: image
    entity: switch.zhimi_ma2_73a6_switch_status
    tap_action:
      action: toggle
    style:
      top: 35%
      left: 67%
      width: 6%
    state_image:
      'on': >-
        https://xiaoyaozi666.oss-cn-beijing.aliyuncs.com/%E7%A9%BA%E8%B0%83%E7%83%AD_20240313174945.gif
      'off': >-
        https://xiaoyaozi666.oss-cn-beijing.aliyuncs.com/%E7%A9%BA%E8%B0%83%E5%86%B7_20240313174908.gif