抄作业完成，HA彩平图UI

muxiongxiong

谢谢，感谢分享，下载下来试试看看

欧阳

大佬popup下的yaml文件怎么引用   configuration.yaml里边怎么写啊

MX10085

欧阳 发表于 2024-8-18 18:01
大佬popup下的yaml文件怎么引用   configuration.yaml里边怎么写啊

在UI.yaml文件中调用,如示例

          - type: image
            info1: '************************************************************'
            info2: '***********************   天气滚动条   **********************'
            info3: '************************************************************'
          - type: custom:button-card
            name: >
              [[[return `<div style='display: flex;display: -webkit-flex;'>
                <marquee>
                <span style='color: var(--white-color);  font-size:14px;'> 
                发布时间: ${states['sensor.nodered_weather'].state}&nbsp
                </span>
                </marquee>`]]]
            style:
              top: 780px
              left: 736px
              width: 880px
            tap_action:
              !include popup/weather.yaml

复制代码

MX10085

欧阳 发表于 2024-8-18 09:09
大佬能参考下你的configuration.yaml吗  有的引入实体不明白怎么写

在那引入？我的configuration.yaml

homeassistant:
  name: Home
  latitude: !secret homeassistant_latitude
  longitude: !secret homeassistant_longitude
  elevation: !secret homeassistant_elevation
  unit_system: metric
  time_zone: Asia/Shanghai
  packages: !include_dir_named packages/
  allowlist_external_dirs: 
    ['/config/']
  whitelist_external_dirs:
    - /config
  media_dirs:
    local: /media

rest: !include rest.yaml
template: !include template.yaml
frontend:
  themes: !include_dir_merge_named themes

default_config:
energy:
history:
ios:
mobile_app:
media_source:
sun:
system_health:

http:
  use_x_forwarded_for: true
  trusted_proxies:
    - 172.0.0.0/8
    - 192.168.2.0/24

lovelace:
  mode: yaml

  resources:
  # mushroom hacs
  - url: /hacsfiles/chineseholiday_card/ch_calendar-card.js
    type: module
  - url: /hacsfiles/lovelace-colorfulclouds-weather-card/colorfulclouds-weather-card.js
    type: module
  - url: /hacsfiles/lovelace-layout-card/layout-card.js
    type: module
  - url: /hacsfiles/lovelace-mushroom/mushroom.js
    type: module
  - url: /hacsfiles/lovelace-rpi-monitor-card/rpi-monitor-card.js
    type: module
  - url: /hacsfiles/stack-in-card/stack-in-card.js
    type: module
  - url: /hacsfiles/vertical-stack-in-card/vertical-stack-in-card.js
    type: module

 # tablet hacs
  - url: /hacsfiles/apexcharts-card/apexcharts-card.js
    type: module
  - url: /hacsfiles/bar-card/bar-card.js
    type: module
  - url: /hacsfiles/button-card/button-card.js
    type: module
  - url: /hacsfiles/custom-icons/custom-icons.js
    type: module
  - url: /hacsfiles/flipdown-timer-card/flipdown-timer-card.js
    type: module
  - url: /hacsfiles/lovelace-card-mod/card-mod.js
    type: module
  - url: /hacsfiles/lovelace-card-tools/card-tools.js
    type: module
  - url: /hacsfiles/lovelace-hui-element/hui-element.js
    type: module
  - url: /hacsfiles/mini-graph-card/mini-graph-card-bundle.js
    type: module
  - url: /hacsfiles/mini-media-player/mini-media-player-bundle.js
    type: module
  - url: /hacsfiles/PlexMeetsHomeAssistant/plex-meets-homeassistant.js
    type: module
  - url: /hacsfiles/secondaryinfo-entity-row/secondaryinfo-entity-row.js
    type: module
  - url: /hacsfiles/simple-weather-card/simple-weather-card-bundle.js
    type: module
  - url: /hacsfiles/swipe-card/swipe-card.js
    type: module
  - url: /hacsfiles/vacuum-card/vacuum-card.js
    type: module
  - url: /hacsfiles/weather-card/weather-card.js
    type: module
 
  - url: '/local/ui/js/curtain-card.js'
    type: module

  dashboards:
    lovelace-phone:
      mode: yaml
      title: 手机
      icon: hass:cellphone
      show_in_sidebar: true
      filename: dashboards/phone/mushroom.yaml

    lovelace-tablet:
      mode: yaml
      title: 平板
      icon: hass:tablet
      show_in_sidebar: true
      filename: dashboards/tablet/ui-tablet.yaml

logger:
  default: warning
  filters:
    pyhap.characteristic:
      - "SecuritySystemCurrentState: value=0 is an invalid value."
      - "SecuritySystemTargetState: value=0 is an invalid value."
      - "TargetHeatingCoolingState: value=0 is an invalid value."
  logs:
    homeassistant.components.command_line: fatal
    homeassistant.components.command_line.sensor: error
    homeassistant.components.homekit.type_media_players: error
    homeassistant.components.media_player: error
    homeassistant.components.rest.sensor: error
    homeassistant.components.websocket_api: fatal
    homeassistant.helpers.entity: error
    homeassistant.helpers.event: fatal
    homeassistant.helpers.service: error

alarm_control_panel:
  - platform: manual
    name: Home Alarm
    code: !secret alarm_code
    arming_time: 30
    delay_time: 20
    trigger_time: 4
    disarmed:
      trigger_time: 0
    armed_home:
      arming_time: 0
      delay_time: 0

recorder:
  #需要保存的天数
  purge_keep_days: 30
  #db_url: mysql://账户:密码@ip地址:端口/数据库名字
  # db_url: !secret mariadb_url
  #排除日志
  exclude:
    entities:
      - media_player.yun_yin_le_homepod_mini
      - media_player.yun_yin_le_mpd

timer:
  laundry:
    duration: "00:01:00"
    
tts:
  - platform: edge_tts
    language: zh-CN # 默认语言或声音 zh_CN(zh-CN-XiaoxiaoNeural)

  - platform: baidu
    app_id: !secret baidutts_id
    api_key: !secret baidutts_api_key
    secret_key: !secret baidutts_secret_key

复制代码

MX10085

欧阳 发表于 2024-8-18 09:09
大佬能参考下你的configuration.yaml吗  有的引入实体不明白怎么写

是实体调用吗？实体都在开发都工具里面可以看到呀

欧阳

但是我在UI里边写上tap_action:
  !include popup/weather.yaml就会报错啊

MX10085

欧阳 发表于 2024-8-18 21:39
但是我在UI里边写上tap_action:
  !include popup/weather.yaml就会报错啊

哦，路径不对吧！ popup要与ui-tablet.yaml在同一层文件夹中，

欧阳

ui-tablet.yaml也要放到config文件夹下？你这个截图有点看不明白了

MX10085

ui-tablet.yaml，与popup同在一个文件夹下就行，不然要写绝对路径。如上图的是：/config/dashboards/popup

欧阳

MX10085 发表于 2024-8-18 22:31
ui-tablet.yaml，与popup同在一个文件夹下就行，不然要写绝对路径。如上图的是：/config/dashboards/popup ...

还是不行啊  无法解析