本帖最后由 sevenmade 于 2019-12-12 13:20 编辑
各位前辈，本人是近几个月刚刚入坑的小白一只，斗胆在这里发点东西，算是投石问路了，希望大家有什么意见多多的提出，我都会虚心接受。
起因是看到GOOGLE发布的HOME HUB，界面清爽漂亮，再看看HASS………如果HASS能有像Home Hub的界面该多好呢，于是就开始了折腾之路，其中的各种掉坑爬出就不说了，反正就是举步维艰，下面就是小弟的成果，因为是第一版，界面简单，功能简陋，难免有BUG，希望大家能多多的给出改进意见。
这个是成型的Card，显示时间，当时的气温和天气情况，实时更新。
仿照的是下面这个页面。
这个是注册两个组件，分别显示时间和天气情况，天气插件我用的是和风天气的最基础版本，只留下了需要的数据，后期如果还有什么数据可以再加上。增加了天气情况的图标属性，ICON使用的是从GOOGLE天气网站上下载的图标，不是很全，但是日常用应该够了，后期升级的时候再不断添加。
sensor:
- platform: time_date
display_options:
- 'time'
- 'date'
- 'date_time'
- 'date_time_iso'
- 'time_date'
- 'time_utc'
- 'beat'
- platform: hachina
city: {CityId or CityName}
appkey: {API_id}
options:
- temprature
- humidity
- symbol
- cond
- code
HomeAssistant.rar
(765.86 KB, 下载次数: 20)
附件是相关的PY文件和图标文件，放到哪里我就不多说了，有不明白的直接跟帖留言问我，我会耐心解答的。
偶对了，还有Picture Elements Card的代码
elements:
- entity: sensor.time
style:
color: white
font-size: 3em
left: 1.5em
text-shadow: '1px 1px 3px rgba(0,0,0,0.8)'
top: 85%
type: state-label
- entity: sensor.hachina_symbol
style:
left: 10.5em
top: 85%
type: state-icon
- entity: sensor.hachina_temperature
style:
color: white
font-size: 1.5em
font-weight: 200
left: 8.8em
text-shadow: '1px 1px 3px rgba(0,0,0,0.8)'
top: 87%
type: state-label
image: /local/custom-lovelace/RandomImge/images/bg03.jpg
type: picture-elements
第一次发帖，写的仓促，也没什么问题，大家勿怪，如果有什么希望添加或是好的建议，欢迎大家跟帖留言。
最后感谢您耐心的看完，如果能回帖鼓励一下，就太好了。
| 
发表于 2019-12-11 17:30:49
楼主
