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

 找回密码
 立即注册
查看: 23464|回复: 30

[进阶教程] 【小教程】HA项目的显示图标修改和引用说明

  [复制链接]

31

主题

188

帖子

1798

积分

论坛技术达人

积分
1798
金钱
1590
HASS币
20

教程狂人论坛风云人物

发表于 2017-8-1 15:04:16 | 显示全部楼层 |阅读模式
本帖最后由 倾微qiwe 于 2017-8-1 15:07 编辑

HA界面每一个项目都有一个图表,一般我们都是用的默认的。
但是我一直很奇怪怎么修改呢? 这些图表又是从哪儿来的呢?
在群上问了问,很快就知道了答案。
原来是引用的MDI的图标
使用方法
icon: mdi:xxxxx
举个栗子:
1.png
上面我引用了 mdi:av-timer  的图标
就显示下面这个图标了
2.png
使用方法很简单,那么在哪儿去找mdi的图标呢?
在以下网址查看,(备:这网址需要搭梯子才能打开哈,搭梯子教程就不阐述了)
https://materialdesignicons.com/

另外在分享一个按照状态变化图标的方法。
代码如下:
        icon_template: '{% if is_state("device_tracker.qrs7", "home") %}mdi:account-network{% else %}mdi:account-off{% endif %}'

如图:
3.png
效果图:
4.png


评分

参与人数 1金钱 +6 收起 理由
+ 6 这么6再不加分,就有点说不过去了!.

查看全部评分

回复

使用道具 举报

6

主题

87

帖子

643

积分

高级会员

Rank: 4

积分
643
金钱
556
HASS币
0
发表于 2017-8-1 15:11:43 | 显示全部楼层
这个不错,我也来试试改改图标
回复

使用道具 举报

1

主题

15

帖子

86

积分

注册会员

Rank: 2

积分
86
金钱
71
HASS币
0
发表于 2017-8-1 15:14:45 来自手机 | 显示全部楼层
马克一下
回复

使用道具 举报

2

主题

68

帖子

225

积分

中级会员

Rank: 3Rank: 3

积分
225
金钱
157
HASS币
0
发表于 2017-8-1 15:27:30 | 显示全部楼层
不错的分享,感谢
回复

使用道具 举报

30

主题

997

帖子

4151

积分

论坛元老

Rank: 8Rank: 8

积分
4151
金钱
3149
HASS币
0

活跃会员

发表于 2017-8-1 15:59:40 | 显示全部楼层
谢谢分享!!
回复

使用道具 举报

6

主题

76

帖子

844

积分

高级会员

吃了藤藤菜就是长得帅

Rank: 4

积分
844
金钱
768
HASS币
0
发表于 2017-8-1 17:02:35 | 显示全部楼层
不错不错,支持下。回去试试
回复

使用道具 举报

3

主题

219

帖子

932

积分

高级会员

Rank: 4

积分
932
金钱
713
HASS币
0
发表于 2017-8-1 17:13:18 | 显示全部楼层
本帖最后由 xinqinew 于 2017-8-1 17:27 编辑

有没有办法更改灯和开关的图标,比如,网关灯,开着是一个图标,关着又是一个图标。
回复

使用道具 举报

5

主题

37

帖子

369

积分

论坛分享达人

积分
369
金钱
327
HASS币
0
发表于 2017-8-1 17:59:10 | 显示全部楼层
谢谢楼主分享!!
回复

使用道具 举报

2

主题

240

帖子

1715

积分

金牌会员

Rank: 6Rank: 6

积分
1715
金钱
1475
HASS币
0
发表于 2017-8-1 23:54:33 | 显示全部楼层
谢谢楼主分享!!
回复

使用道具 举报

1

主题

105

帖子

416

积分

中级会员

Rank: 3Rank: 3

积分
416
金钱
311
HASS币
0
发表于 2017-8-2 17:19:08 来自手机 | 显示全部楼层
挺有意思,试试看
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-11-24 05:01 , Processed in 0.065901 second(s), 36 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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