找回密码
 立即注册

微信扫码登录

搜索
查看: 106320|回复: 120

[基础教程] 土豆发的那个themes简单实现了一下

 火.. [复制链接]

16

主题

201

回帖

2245

积分

论坛技术达人

积分
2245
金钱
1993
HASS币
140
发表于 2019-7-21 14:01:48 | 显示全部楼层 |阅读模式
本帖最后由 fineemb 于 2019-7-21 14:35 编辑

先上效果图
01.jpg

土豆的原帖
https://bbs.hassbian.com/thread-7668-1-1.html
东西是这位大神的,是个UI高手
https://github.com/isabellaalstrom
她这个是写了个卡片的插件, 实现起来应该要更轻松点(我还不会弄插件),  我这个纯手工CSS调整.
themes部分很简单, 直接拿来用
游客,如果您要查看本帖隐藏内容请回复
另外附上可以直接在themes定义的内容, 非官方文档(感觉这个比较坑, 官方为什么不出一个)
https://github.com/chipriley/lov ... r/known_css_refs.md

这个的难点就是要卡片做到对齐, 阴影部分需要调整卡片的间距.
这里用到这个插件
https://github.com/thomasloven/lovelace-card-mod
这个可以定义每个卡片的CSS
下面是我的配置, 注意并不能直接拿来用, 只是给出一个思路和方法
游客,如果您要查看本帖隐藏内容请回复






评分

参与人数 2金钱 +40 收起 理由
咸味土豆 + 20 我来瀚思就为看你!
+ 20 厉害了word楼主!

查看全部评分

回复

使用道具 举报

16

主题

201

回帖

2245

积分

论坛技术达人

积分
2245
金钱
1993
HASS币
140
 楼主| 发表于 2019-7-21 15:13:50 | 显示全部楼层
jozhi 发表于 2019-7-21 15:04
感謝分享  來學習一下了
可否教一下 右下角選擇音箱怎麼作呢?

小爱TTS 01.jpg
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian ( 晋ICP备17001384号-1 )

GMT+8, 2025-9-10 06:21 , Processed in 0.051641 second(s), 11 queries , MemCached On.

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

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