土豆发的那个themes简单实现了一下

fineemb · 发表于 2019-7-21 14:01:48

本帖最后由 fineemb 于 2019-7-21 14:35 编辑

先上效果图

土豆的原帖
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
下面是我的配置, 注意并不能直接拿来用, 只是给出一个思路和方法

游客，如果您要查看本帖隐藏内容请回复

ganyu0907 · 发表于 2024-5-3 21:06:08

感谢lz分享

mihumao · 发表于 2024-5-3 13:41:29

先标记，谢谢

zggzgg797 · 发表于 2024-5-2 22:58:04

来看大神

opstt · 发表于 2023-8-2 15:21:29

可以可以

aini白痴 · 发表于 2022-9-2 09:59:56

谢谢LZ分享

astang · 发表于 2022-9-1 23:37:15

看看是什么

tiger7456 · 发表于 2022-9-1 17:11:03

这个号啊

xeonlee · 发表于 2022-8-31 19:26:15

感謝分享!

zhypaul2 · 发表于 2022-6-26 18:57:42

提示: 作者被禁止或删除内容自动屏蔽

		自动登录	找回密码
密码			立即注册

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

评分

浏览过的版块