和风天气完整配置版本2024.1.4

baggio1024

谢谢分享

Mr.G

@dscao

您看下自然灾害提醒这里是不是改为这样看的比较直观，对比下你之前的





qweather-card.js搜索到下方代码，改一下。添加了序号，改完以后是不是变的非常直观，您之前代码里的都是两条连在一起的，中间也没有分隔符号，我之前回复提过建议， 您可能没注意，您可能没有考虑到有时候气象台是推送两条，甚至三条， 可能您那边只看到过一条，所以没有体现出问题

 renderKeypoint({config, weather} = this) {
                if (weather.attributes.forecast_keypoint=="")
                        return p``;
                if (config.show_alarm == false)
          return p``;

                var alert_content = ''

                for (let [index, content] of weather.attributes.warning.entries()){
                        alert_content =        alert_content  + `${index + 1}.` +  `${content['title'] }：` + '\n' + `${content['text']} `+ '\n\n'

                }
                        

                return p`

                 <div>
                        <ul style="list-style:none;padding:0 0 0 14px;margin: 0;">
                          <li style="font-weight:bold; display:${weather.attributes.forecast_minutely ? 'block':'none'}"><span class="ha-icon"
                                          ><ha-icon icon="mdi:camera-timer"></ha-icon
                                        ></span> ${weather.attributes.forecast_minutely}</li>
                          <li style="display:${weather.attributes.forecast_hourly ? 'block':'none'}"><span class="ha-icon"
                                          ><ha-icon icon="mdi:clock-outline"></ha-icon
                                        ></span> ${weather.attributes.forecast_hourly}</li>
                          <li style="font-weight:nomal; white-space:pre-line; color:red; display:${weather.attributes.warning.length > 0 ? 'block':'none'}"><span class="ha-icon"
                                          ><ha-icon icon="mdi:timer-alert-outline"></ha-icon
                                        ></span> ${alert_content}</li>
                         
                        </ul>
                  </div>
                `;
               
        }

复制代码

dscao

郭子漳 发表于 2023-6-30 17:54
@dscao

您看下自然灾害提醒这里是不是改为这样看的比较直观，对比下你之前的

已参考修改。

Mr.G

dscao 发表于 2023-7-1 09:58
已参考修改。

原谅我的强迫症，这里缺三个空格，对不齐，我图中标的代码的位置加上空格，然后就对齐了.......

前后对比

PerryLayne

支持大佬，喜欢功能多一些

Mr.G

--------------------------------

Mr.G

本来想研究下加上每天的空气质量等级，加到最下面，类似于墨迹天气的效果，但是我看了下和风天气官方文档，只能获取5天的，无法获取7天的。唉，他这个接口里面的5改为任何数字，都返回400

bbf162

新手小白请教，配置卡片时报错：Custom element doesn't exist: qweather-card  我是少装了啥东西，请大佬们指教，多谢

Mr.G

如上图所示，把温度加入了摄氏度符号，感觉摄氏度比较标准，

绿色的aqi数值旁边加入了空气质量等级（因为这两个数值是对应的，api决定空气质量等级）

右侧的“空气：良”，我这边查了资料，如下图，这个空气污染扩散条件指数好像是跟空气质量等级不一样，所以这个“空气：良”在这容易和空气质量等级混淆，所以把他换成了如下图的晾晒指数。





一点建议而已，如果不合理请大佬不要采纳！@dscao






发现标题如果是大暴雨到特大暴雨的时候，会变形。把标题单独做了一行显示，  city名和updatetime放到一个div里
修改标题字大小和温度的字大小




改完以后name这里可以放很多字，不会变形，不再局限于两个字，上方天气如果遇到“大暴雨到特大暴雨”时也不会变形。 这个“大暴雨到特大暴雨”不是我编的，而是和风天气的文档里就有！







我这边测试了两个手机，一个华为的安卓手机和一个苹果手机，修改以后哪怕是大暴雨到特大暴雨 +200中度污染 这么多都不会变形，现在这个文字大小是最合适的。

Mr.G

2023.07.02 14:34分修复Metro 和 Fluent 主题不显示中间线的问题，给线加了颜色#dedede，一共这5处地方修改一下，就可以解决我现在用的主题不显示中间线的问题，麻烦给添加上。谢谢！
麻烦彩云天气插件也同步修改下。谢了。再就是上一条回复说的大暴雨到特大暴雨问题，具体您看下下方代码吧。

合理请采纳，谢谢！

qweather-card.rar (102.25 KB, 下载次数: 14)

2023-7-2 21:35 上传

点击文件名下载附件
阅读权限: 20