彩云天气 动态图标完整版【Caiyun Weather for lovelace】【原创】

FrankLv

wukequdai5426 发表于 2019-2-8 08:20
感谢分享，我也用的这个毛玻璃特效的，但是彩云天气嵌套不了，能否分享一下配置 ...

      - type: 'custom:card-modder'
        style:
          --paper-card-background-color: rgba(67, 73, 84, 0.5) 
          --paper-item-icon-color: white 
          --primary-text-color: white 
          --secondary-text-color: pink
          --paper-listbox-color: 'var(--primary-color)'
          --paper-listbox-background-color: rgba(67, 73, 84, 0.9)
          -webkit-backdrop-filter: blur(5px)
          backdrop-filter: blur(15px)
          color: white
          border-radius: 15px
        card:
          type: custom:caiyun-weather-card
          title: '彩云天气'
          location: '北京西城'
          entity_sun: sun.sun
          entity_hourly_summary: sensor.caiyun_weather_hourly_des
          entity_minutely_summary: sensor.caiyun_weather_minutely_des
          entity_current_conditions: sensor.now_caiyun_weather
          entity_humidity: sensor.now_caiyun_humidity
          entity_pressure: sensor.now_caiyun_pressure
          entity_precipitation: sensor.now_caiyun_precipitation
          entity_temperature: sensor.now_caiyun_temperature
          entity_visibility: sensor.now_caiyun_vis
          entity_wind_bearing: sensor.now_caiyun_wind_dir
          entity_wind_speed: sensor.now_caiyun_wind_spd
          entity_now_aqipm25: sensor.now_caiyun_pm25
          entity_now_air_aqi: sensor.now_caiyun_aqi
          entity_now_temphigh: sensor.caiyun_now_high_temperature
          entity_now_templow: sensor.caiyun_now_low_temperature
          entity_carwash: sensor.caiyun_now_carwash
          entity_forecast_skycon_1: sensor.caiyun_weather_1
          entity_forecast_skycon_2: sensor.caiyun_weather_2
          entity_forecast_skycon_3: sensor.caiyun_weather_3
          entity_forecast_skycon_4: sensor.caiyun_weather_4
          entity_forecast_temphigh_1: sensor.caiyun_high_temperature_1
          entity_forecast_temphigh_2: sensor.caiyun_high_temperature_2
          entity_forecast_temphigh_3: sensor.caiyun_high_temperature_3
          entity_forecast_temphigh_4: sensor.caiyun_high_temperature_4
          entity_forecast_templow_1: sensor.caiyun_low_temperature_1
          entity_forecast_templow_2: sensor.caiyun_low_temperature_2
          entity_forecast_templow_3: sensor.caiyun_low_temperature_3
          entity_forecast_templow_4: sensor.caiyun_low_temperature_4
          entity_forecast_aqi_1: sensor.caiyun_air_aqi_1
          entity_forecast_aqi_2: sensor.caiyun_air_aqi_2
          entity_forecast_aqi_3: sensor.caiyun_air_aqi_3
          entity_forecast_aqi_4: sensor.caiyun_air_aqi_4
          entity_forecast_carwash_1: sensor.caiyun_carwash_1
          entity_forecast_carwash_2: sensor.caiyun_carwash_2
          entity_forecast_carwash_3: sensor.caiyun_carwash_3
          entity_forecast_carwash_4: sensor.caiyun_carwash_4
          entity_forecast_precipitation_1: sensor.caiyun_precipitation_1
          entity_forecast_precipitation_2: sensor.caiyun_precipitation_2
          entity_forecast_precipitation_3: sensor.caiyun_precipitation_3
          entity_forecast_precipitation_4: sensor.caiyun_precipitation_4

复制代码

wukequdai5426

FrankLv 发表于 2019-2-9 09:12
[code]      - type: 'custom:card-modder'
        style:
          --paper-c ...

感谢了，已经用上了

angelyangw

感谢lz分享

billy1101

楼主666666

suwill

补充3点：1，用前端UI编辑器的同学注意下：entity写不全会报错的，只有全部写完才不报错
别管我左边写的，反正就是写不全就会报错

2，你的那个configuration.yaml里要有sun:
3，楼主有个代码写错了air_now_city_aqi应该是caiyun_now_air_aqi

我的部分代码截图（治好了之后感觉太复杂，换别的卡片了）

type: 'custom:caiyun-weather-card'
title: 彩云天气
location: 广东中山
entity_sun: sun.sun
entity_hourly_summary: sensor.caiyun_weather_hourly_des
entity_minutely_summary: sensor.caiyun_weather_minutely_des
entity_current_conditions: sensor.now_caiyun_weather
entity_humidity: sensor.now_caiyun_humidity
entity_pressure: sensor.now_caiyun_pressure
entity_precipitation: sensor.now_caiyun_precipitation
entity_temperature: sensor.now_caiyun_temperature
entity_visibility: sensor.now_caiyun_vis
entity_wind_bearing: sensor.now_caiyun_wind_dir
entity_wind_speed: sensor.now_caiyun_wind_spd
entity_now_aqipm25: sensor.now_caiyun_pm25
entity_now_air_aqi: sensor.caiyun_now_air_aqi
entity_now_temphigh: sensor.caiyun_now_high_temperature
entity_now_templow: sensor.caiyun_now_low_temperature
entity_carwash: sensor.caiyun_now_carwash
entity_forecast_temphigh_1: sensor.caiyun_high_temperature_1
entity_forecast_temphigh_2: sensor.caiyun_high_temperature_2
entity_forecast_temphigh_3: sensor.caiyun_high_temperature_3
entity_forecast_temphigh_4: sensor.caiyun_high_temperature_4
entity_forecast_templow_1: sensor.caiyun_low_temperature_1
entity_forecast_templow_2: sensor.caiyun_low_temperature_2
entity_forecast_templow_3: sensor.caiyun_low_temperature_3
entity_forecast_templow_4: sensor.caiyun_low_temperature_4
entity_forecast_skycon_1: sensor.caiyun_weather_1
entity_forecast_skycon_2: sensor.caiyun_weather_2
entity_forecast_skycon_3: sensor.caiyun_weather_3
entity_forecast_skycon_4: sensor.caiyun_weather_4
entity_forecast_aqi_1: sensor.caiyun_air_aqi_1
entity_forecast_aqi_2: sensor.caiyun_air_aqi_2
entity_forecast_aqi_3: sensor.caiyun_air_aqi_3
entity_forecast_aqi_4: sensor.caiyun_air_aqi_4
entity_forecast_carwash_1: sensor.caiyun_carwash_1
entity_forecast_carwash_2: sensor.caiyun_carwash_2
entity_forecast_carwash_3: sensor.caiyun_carwash_3
entity_forecast_carwash_4: sensor.caiyun_carwash_4
entity_forecast_precipitation_1: sensor.caiyun_precipitation_1
entity_forecast_precipitation_2: sensor.caiyun_precipitation_2
entity_forecast_precipitation_3: sensor.caiyun_precipitation_3
entity_forecast_precipitation_4: sensor.caiyun_precipitation_4

复制代码

showphi

数据都有，但是只显示在首页顶部，没有card,也没有报错信息，如何解决？版本0.87.1，默认config路径（configuration.yaml同级）目录下是没有ui-lovelace.yaml

showphi

459662146 发表于 2019-2-2 16:50
用了九楼的js和yaml了还是这个样子怎么回事

原来是需要改为yaml模式（全手工码代码），原来的配置全都没了，全部手写一遍，这工作量大的有点崩溃！configuration.yaml中加入
lovelace:
  mode: yaml

撸大师

ha里面数据是有了 接下来不知道怎么添加到页面了，，，，

guoyang881017

你好，我想问一下，这个插件是不是有个前置的插件？能否提供一下？我的插件中就没有能见度这个属性

arrive

楼主ui-lovelace.yaml中的缩进或者别的有异常，无法显示天气界面。