『瀚思彼岸』» 智能家居技术论坛

 找回密码
 立即注册
查看: 21628|回复: 28

[UI界面] 新人请教:air visual card显示状态无法显示中文

[复制链接]

3

主题

50

帖子

532

积分

高级会员

Rank: 4

积分
532
金钱
482
HASS币
0
发表于 2021-2-14 17:52:53 | 显示全部楼层 |阅读模式

最近下载了air visual card来显示空气质量指数和状态。[url=]视频[/url]

卡片

卡片

其缺省带的air visual的API不稳定,所以改用了同样支持的来自WAQI的API
但两者都无法使空气质量等级显示中文,
代码见下方。具体方式见下方
实际看这几个实体的状态,都可以正确显示了,但就是放在air visual card卡片里就不显示中文

结果显示

结果显示

请问下如何在air visual card卡片里正确显示中文???????多谢

sensor:
  - platform: template   
    sensors:

      wqi_pollution_level_changchun_cn:
        friendly_name: WAQI空气质量等级
        value_template: >-
          {% if states('sensor.waqi_changchun_chang_chun')|int <= 50 %}
            优良
          {% elif states('sensor.waqi_changchun_chang_chun')|int <= 100%}
            良好
          {% elif states('sensor.waqi_changchun_chang_chun')|int <= 150%}
            轻度污染
          {% elif states('sensor.waqi_changchun_chang_chun')|int <= 200 %}
            中度污染
          {% elif states('sensor.waqi_changchun_chang_chun')|int <= 300 %}
            重度污染
          {% elif states('sensor.waqi_changchun_chang_chun')|int >= 300 %}
            极度污染
          {% endif %}
        icon_template: >-
          {% if states('sensor.waqi_changchun_chang_chun')|int <= 50 %}
            mdi:emoticon-excited
          {% elif states('sensor.waqi_changchun_chang_chun')|int <= 100%}
            mdi:emoticon-happy
          {% elif states('sensor.waqi_changchun_chang_chun')|int <= 150%}
            mdi:emoticon-neutral
          {% elif states('sensor.waqi_changchun_chang_chun')|int <= 200 %}
            mdi:emoticon-sad
          {% elif states('sensor.waqi_changchun_chang_chun')|int <= 300 %}
            mdi:emoticon-dead
          {% elif states('sensor.waqi_changchun_chang_chun')|int >= 300 %}
            mdi:biohazard
          {% endif %}
      dominentpol:
        friendly_name: WAQI主要污染物
        value_template: >-
          {% set main_pollutant = state_attr('sensor.waqi_changchun_chang_chun','dominentpol') %}
          {% if main_pollutant == "pm25" %}
            PM2.5
          {% elif main_pollutant == "pm10" %}
            PM10
          {% elif main_pollutant == "o3" %}
            O3
          {% elif main_pollutant == "no2" %}
            NOx
          {% elif main_pollutant == "so2" %}
            SO2
          {% else %}
            未知
          {% endif %}
        attribute_templates:
          pollutant_unit: >-
            {% set main_pollutant = state_attr('sensor.waqi_changchun_chang_chun','dominentpol') %}
            {% if main_pollutant == "pm25" %}
              µg/m³
            {% elif main_pollutant == "pm10" %}
              µg/m³
            {% elif main_pollutant == "o3" %}
              ppb
            {% elif main_pollutant == "no2" %}
              ppb
            {% elif main_pollutant == "so2" %}
              ppb
            {% else %}
              未知
            {% endif %}

回复

使用道具 举报

33

主题

2196

帖子

5838

积分

论坛元老

Rank: 8Rank: 8

积分
5838
金钱
3642
HASS币
60
QQ
发表于 2021-2-14 21:49:03 | 显示全部楼层
人头像就是代表空气质量等级的呀。
我不生产技术,我只是技术的搬运工。
回复

使用道具 举报

3

主题

50

帖子

532

积分

高级会员

Rank: 4

积分
532
金钱
482
HASS币
0
 楼主| 发表于 2021-2-14 23:49:56 | 显示全部楼层
zxyny1989 发表于 2021-2-14 21:49
人头像就是代表空气质量等级的呀。

头像是一方面,英文也是,我就是想把这个英文换成汉字,但不好用
回复

使用道具 举报

33

主题

2196

帖子

5838

积分

论坛元老

Rank: 8Rank: 8

积分
5838
金钱
3642
HASS币
60
QQ
发表于 2021-2-15 09:39:20 | 显示全部楼层
如果能完全复刻APP的界面,感觉还是蛮好看的。
我不生产技术,我只是技术的搬运工。
回复

使用道具 举报

33

主题

2196

帖子

5838

积分

论坛元老

Rank: 8Rank: 8

积分
5838
金钱
3642
HASS币
60
QQ
发表于 2021-2-15 16:56:55 | 显示全部楼层
你改错地方了,卡片显示的要从卡片配置文件改,air-visual-card.js中改下就好了。
我不生产技术,我只是技术的搬运工。
回复

使用道具 举报

3

主题

50

帖子

532

积分

高级会员

Rank: 4

积分
532
金钱
482
HASS币
0
 楼主| 发表于 2021-2-15 21:35:42 | 显示全部楼层
zxyny1989 发表于 2021-2-15 16:56
你改错地方了,卡片显示的要从卡片配置文件改,air-visual-card.js中改下就好了。 ...

我改了一下,只有1个地方可以改,但不好用。保存并重启服务,不好用啊。

air-visual-card.js.gz

3.8 KB, 下载次数: 4

JS文件

回复

使用道具 举报

3

主题

50

帖子

532

积分

高级会员

Rank: 4

积分
532
金钱
482
HASS币
0
 楼主| 发表于 2021-2-15 21:37:02 | 显示全部楼层
zxyny1989 发表于 2021-2-15 09:39
如果能完全复刻APP的界面,感觉还是蛮好看的。

这个可以随着空气质量变颜色,还是有点意思的
回复

使用道具 举报

33

主题

2196

帖子

5838

积分

论坛元老

Rank: 8Rank: 8

积分
5838
金钱
3642
HASS币
60
QQ
发表于 2021-2-15 21:48:10 | 显示全部楼层
hw2000 发表于 2021-2-15 21:35
我改了一下,只有1个地方可以改,但不好用。保存并重启服务,不好用啊。 ...

微信图片_20210215214640.png
这里改成中文试下呢?我用的原版的,改了好像没用。
我不生产技术,我只是技术的搬运工。
回复

使用道具 举报

3

主题

50

帖子

532

积分

高级会员

Rank: 4

积分
532
金钱
482
HASS币
0
 楼主| 发表于 2021-2-15 23:38:04 | 显示全部楼层
zxyny1989 发表于 2021-2-15 21:48
这里改成中文试下呢?我用的原版的,改了好像没用。

多谢。
这个JS文件里其实包括2部分,前半部分是支持AIRVISUAL,后半部分支持WAQI,
支持AIRVISUAL(就是你说的原版)时,英文是不能改的,因为直接取自网站的API
但WAQI则不同,是通过判断空气指数的值定义出来的(就是你贴的部分)我改的也是这部分,不好用。
我看https://github.com/dnguyen800/air-visual-card/issues中的帖子,改成意大利语也好用啊,
回复

使用道具 举报

33

主题

2196

帖子

5838

积分

论坛元老

Rank: 8Rank: 8

积分
5838
金钱
3642
HASS币
60
QQ
发表于 2021-2-16 14:57:55 来自手机 | 显示全部楼层
hw2000 发表于 2021-2-15 23:38
多谢。
这个JS文件里其实包括2部分,前半部分是支持AIRVISUAL,后半部分支持WAQI,
支持AIRVISUAL(就是 ...

这我的,我用的原版;改了会显示,Us我也改cn了
IMG_20210216_145451.jpg
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-11-21 21:51 , Processed in 1.257251 second(s), 35 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表