[6.20更新]修改李白大神的彩云天气动画自定义UI.喜欢的拿去

倾微qiwe

首先感谢李白大神的贡献以及api奉献,让我们轻松就能使用彩云天气了.
原帖地址:彩云天气轻便版（实时+未来四天+华丽UI+动态自定义UI）

更新内容:  
1.天气预报文字内容增加了当天最高最低气温..
2.修复了三个点按钮有时候看上去不圆的bug
                                          -2018.06.20

我修改内容：１.适当的调整了界面大小，方便与其他卡片融为一体
２.增加一个按钮，点击的时候可以切换显示更多内容
３.修改文字颜色为主题颜色，也就是说会随系统主题变化而变化

基于李白大神0.70版本修改的,老版本不适用!
安装及使用请参考李白大神的原帖！要我这个的，请先按照原帖的教程配置完成之后！
下载以下文件替换　\www\custom_ui＼state-card-weather.html　！
重要！！可以不重启ＨＡ，但是一定要清空浏览器缓存！
state-card-weather.html (11.59 KB, 下载次数: 189)

2018-6-20 23:51 上传

点击文件名下载附件
替换此文件

如果需要像我下图那样，单独显示城市名称，请在配置文件中添加：
location_name: 眉山
如图：

也可以不添加，就显示friendly_name的内容．

截图介绍：
默认的时候为这个效果：


当点击右边那三个点的时候就会显示这个效果：



另一个主题的效果：



界面变小了，就可以与其他设备同一个组了，但是建议天气放上面，效果最好

                               
登录/注册后可看大图

                               
登录/注册后可看大图

jlxwkj

小白来学习，感谢大神

Mirukuteii

关于前端的研究和成果越来越多了，为你们点赞！

囧

微大前端好牛比啊！

aktifin

用上了，完美！

令狐鸣

非常支持

aktifin

想把和风天气的最高和最低温度，还有高德路况的信息整合到card中，一直不得其法，还望大神指点
另外自己修改了卡牌默认显示展开状态

寒江雪1989

效果不错啊

倾微qiwe

aktifin 发表于 2018-6-17 08:15
想把和风天气的最高和最低温度，还有高德路况的信息整合到card中，一直不得其法，还望大神指点
另外自己修 ...

如果仅仅是把其它ID的信息显示出来可以在script中这样return:
aaa: function(hass) {
var id = 'sensor.date'
return (hass.states[id].state)
},

然后再你想要加入的html中加入
<div>
[[aaa(hass)]]
</div>

遥远

非常的漂亮，谢谢