请选择 进入手机版 | 继续访问电脑版

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

 找回密码
 立即注册
查看: 1032|回复: 17

[UI界面] 一个好玩的日出/日落卡片

[复制链接]

7

主题

66

帖子

476

积分

中级会员

Rank: 3Rank: 3

积分
476
金钱
410
HASS币
20
发表于 2022-8-3 16:05:26 | 显示全部楼层 |阅读模式
本帖最后由 hudan717 于 2022-8-4 12:38 编辑

日常发现一个好玩的小卡片,整体效果如下
1.png

卡片单独效果
2.png

当然如果觉得元素重复的话,也可以单独把chips拆开来配合天气使用
3.png

卡片名称:Sun card       hacs直接搜索即可   Git地址:https://github.com/AitorDB/home-assistant-sun-card
当然问题是有的,原卡片不支持中文,请在7楼领取汉化包


效果就是这样的
4.png

当然,上面这些东西的前提是你有装了对应的集成,太阳集成搜索"sun",月亮集成搜索“moon”
整体代码如下,按需自取
square: false
columns: 1
type: grid
cards:
  - type: vertical-stack
    cards:
      - type: custom:mushroom-chips-card
        chips:
          - type: template
            content: >-
              日出  {% if states.sun.sun %} {{
              (as_timestamp(states.sun.sun.attributes.next_rising)) |
              timestamp_custom(('%H:%M') )}} {% endif %}
            icon: mdi:weather-sunset-up
            icon_color: '#e3d123'
          - type: template
            content: >-
              日落  {% if states.sun.sun %} {{
              (as_timestamp(states.sun.sun.attributes.next_setting)) |
              timestamp_custom(('%H:%M') )}} {% endif %}
            icon: mdi:weather-sunset-down
            icon_color: '#e75454'
          - type: entity
            entity: sensor.moon
            icon_color: '#c4c8b7'
  - type: custom:weather-card
    entity: weather.dong_qian_hu
    houer_forecast: false
    show_forecast: true
    icon: /hacsfiles/lovelace-colorfulclouds-weather-card/icons/animated/
    name: ''
    secondary_info_attribute: humidity
  - square: false
    columns: 1
    type: grid
    cards:
      - type: custom:sun-card
        showElevation: false
        showAzimuth: false
        language: de




home-assistant-sun-card.zip

38.39 KB, 下载次数: 55

评分

参与人数 3金钱 +50 HASS币 +10 收起 理由
+ 20 + 10 感谢楼主分享!
dscao + 10 感谢楼主分享!
XCray + 20 有意思!

查看全部评分

回复

使用道具 举报

0

主题

114

帖子

340

积分

中级会员

Rank: 3Rank: 3

积分
340
金钱
226
HASS币
0
发表于 2022-8-3 16:07:15 | 显示全部楼层
大胡出品,必属精品
回复

使用道具 举报

0

主题

31

帖子

266

积分

中级会员

Rank: 3Rank: 3

积分
266
金钱
235
HASS币
0
发表于 2022-8-3 16:09:54 | 显示全部楼层
抄作业,走起!哈哈哈
回复

使用道具 举报

0

主题

19

帖子

108

积分

注册会员

Rank: 2

积分
108
金钱
89
HASS币
0
发表于 2022-8-3 16:10:27 | 显示全部楼层
大佬真的666
回复

使用道具 举报

3

主题

107

帖子

442

积分

中级会员

Rank: 3Rank: 3

积分
442
金钱
335
HASS币
0
发表于 2022-8-3 16:50:48 | 显示全部楼层
给大呼哥点赞
回复

使用道具 举报

50

主题

732

帖子

4240

积分

论坛技术达人

积分
4240
金钱
3473
HASS币
210
发表于 2022-8-3 20:56:51 | 显示全部楼层
感谢楼主分享。
按楼主的方法修改了一点点,完善一下,增加中文简体和中文繁體。如果是hacs安装原版的,附件替换到config/www/community/home-assistant-sun-card,未设置 language 时,自动根据ha用户设置的语言显示。

home-assistant-sun-card.js.gz

36.67 KB, 下载次数: 52

售价: 1 金钱  [记录]

回复

使用道具 举报

7

主题

66

帖子

476

积分

中级会员

Rank: 3Rank: 3

积分
476
金钱
410
HASS币
20
 楼主| 发表于 2022-8-3 21:14:50 | 显示全部楼层
dscao 发表于 2022-8-3 20:56
感谢楼主分享。
按楼主的方法修改了一点点,完善一下,增加中文简体和中文繁體。如果是hacs安装原版的,附 ...

嘿嘿,感谢大佬出手~
回复

使用道具 举报

2

主题

140

帖子

1531

积分

金牌会员

Rank: 6Rank: 6

积分
1531
金钱
1391
HASS币
0
发表于 2022-8-4 06:51:48 来自手机 | 显示全部楼层
我替换装了以后还是英文的
回复

使用道具 举报

3

主题

107

帖子

442

积分

中级会员

Rank: 3Rank: 3

积分
442
金钱
335
HASS币
0
发表于 2022-8-4 09:24:58 | 显示全部楼层
dscao 发表于 2022-8-3 20:56
感谢楼主分享。
按楼主的方法修改了一点点,完善一下,增加中文简体和中文繁體。如果是hacs安装原版的,附 ...

感谢大佬出手,
回复

使用道具 举报

3

主题

107

帖子

442

积分

中级会员

Rank: 3Rank: 3

积分
442
金钱
335
HASS币
0
发表于 2022-8-4 09:26:22 | 显示全部楼层
ilongjiang 发表于 2022-8-4 06:51
我替换装了以后还是英文的

你可以按7楼大佬的替换文件,我也和你一样问题,替换后好了
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2022-8-16 21:20 , Processed in 0.060659 second(s), 37 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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