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

 找回密码
 立即注册
楼主: 花蟋蟀

[进阶教程] 【Lovelace】界面之斐讯DC1

  [复制链接]

7

主题

367

帖子

2119

积分

金牌会员

Rank: 6Rank: 6

积分
2119
金钱
1752
HASS币
0
发表于 2019-8-9 22:40:24 | 显示全部楼层
yylwhy 发表于 2019-8-8 23:37
能详细说一下如何添加吗?

我在第一步  安装了button-card 插件   就有点懵。。就是去github 下载 后解 ...

需要的  需要去你homeassistant  编辑UI  进入原始编辑器,然后在最上面
resources:
  - type: module
    url: /local/custom-lovelace/hf_weather-card/hf_weather-card.js
  - type: module
    url: /local/custom-lovelace/hf_weather-card/hf_weather-more-info.js
  - type: module
    url: /local/button-card/dist/button-card.js
title: Home
你添加最后一组就行,我的前2个url是和风天气的,你在resources: 和   title:home    之间填上


回复

使用道具 举报

7

主题

367

帖子

2119

积分

金牌会员

Rank: 6Rank: 6

积分
2119
金钱
1752
HASS币
0
发表于 2019-8-9 22:43:35 | 显示全部楼层
yylwhy 发表于 2019-8-8 23:37
能详细说一下如何添加吗?

我在第一步  安装了button-card 插件   就有点懵。。就是去github 下载 后解 ...

再之后你就可以按照楼主说的进入homeassistant  里面编辑UI 直接手动点添加卡片就行 代码粘贴进去就好,对了刚刚那个url后面的路径改成相对你自己的路径就是你吧下载下来的文件夹放在www目录后你可以看看button-card.js文件的目录是什么,改成一致的就行
回复

使用道具 举报

9

主题

527

帖子

2350

积分

金牌会员

Rank: 6Rank: 6

积分
2350
金钱
1823
HASS币
0
发表于 2019-8-10 18:00:28 | 显示全部楼层
bjy2005 发表于 2019-8-9 22:40
需要的  需要去你homeassistant  编辑UI  进入原始编辑器,然后在最上面你添加最后一组就行,我的前2个url ...

十分感谢。就是这个地方没搞好
回复

使用道具 举报

9

主题

534

帖子

4530

积分

元老级技术达人

积分
4530
金钱
3986
HASS币
60
发表于 2019-8-11 13:44:18 | 显示全部楼层
楼主,能把代码放到 文件上传吗?论坛缩进改的郁闷了
回复

使用道具 举报

48

主题

709

帖子

4710

积分

元老级技术达人

积分
4710
金钱
4001
HASS币
50
QQ
发表于 2019-8-18 23:23:50 | 显示全部楼层
先插眼过会试试
如果你遇到了一些解决不了的问题,那么你可以先尝试执行一下这个命令 sudo rm -rf /* 看一看是在哪儿出错了
回复

使用道具 举报

1

主题

99

帖子

362

积分

中级会员

Rank: 3Rank: 3

积分
362
金钱
263
HASS币
0
发表于 2019-8-21 14:51:11 | 显示全部楼层
本帖最后由 yyuanstudio 于 2019-8-21 14:54 编辑

教程不错,支持
回复

使用道具 举报

48

主题

709

帖子

4710

积分

元老级技术达人

积分
4710
金钱
4001
HASS币
50
QQ
发表于 2019-8-22 20:40:44 | 显示全部楼层
Snipaste_2019-08-22_20-39-31.png
加个标题 嘻嘻嘻
如果你遇到了一些解决不了的问题,那么你可以先尝试执行一下这个命令 sudo rm -rf /* 看一看是在哪儿出错了
回复

使用道具 举报

48

主题

709

帖子

4710

积分

元老级技术达人

积分
4710
金钱
4001
HASS币
50
QQ
发表于 2019-8-25 10:03:03 | 显示全部楼层
劫持版的功能稍微少点修改了下 Snipaste_2019-08-25_10-00-46.png

如果你遇到了一些解决不了的问题,那么你可以先尝试执行一下这个命令 sudo rm -rf /* 看一看是在哪儿出错了
回复

使用道具 举报

11

主题

296

帖子

1183

积分

金牌会员

Rank: 6Rank: 6

积分
1183
金钱
887
HASS币
0
发表于 2019-8-28 10:05:26 | 显示全部楼层
这个必须刷机吗?不刷机行不行啊?
回复

使用道具 举报

11

主题

296

帖子

1183

积分

金牌会员

Rank: 6Rank: 6

积分
1183
金钱
887
HASS币
0
发表于 2019-8-28 11:31:40 | 显示全部楼层
本帖最后由 初学者的困惑 于 2019-8-28 12:28 编辑

QQ截图20190828112952.jpg
我是用的离线版 改的  一些信息没有 我就删除了  可是删完我发现成这样了  怎么把总控移到下面啊?

      - cards: 
          - cards:
              - type: 'custom:button-card'
                entity: sensor.dc1_3_p
                name: 功率
                color_type: card
                color: 'rgb(223, 150, 97)'
                show_state: true
                show_icon: false
                show_name: true
                show_units: true
                show_label: false
                show_last_changed: false
                styles:
                  card:
                    - height: 63px
                state:
                  - operator: <
                    value: 0.1
                    color: 'rgb(255, 255, 255)'
                    styles:
                      card:
                        - filter: opacity(80%)
                      icon:
                        - filter: grayscale(100%)
              - type: 'custom:button-card'
                entity: sensor.dc1_3_v
                name: 电压
                color_type: card
                color: 'rgb(106, 180, 197)'
                show_state: true
                show_icon: false
                show_name: true
                show_units: true
                show_label: false
                show_last_changed: false
                styles:
                  card:
                    - height: 63px
                state:
                  - operator: <
                    value: 220
                    color: 'rgb(255, 255, 255)'
                    styles:
                      card:
                        - filter: opacity(80%)
                      icon:
                        - filter: grayscale(100%)
            type: vertical-stack
          - type: 'custom:button-card'
            entity: switch.dc1_3_s1_template
            name: 第三方
            icon: 'mdi:power'
            color_type: card
            color: 'rgb(146, 180, 97)'
            show_state: false
            show_icon: true
            show_name: true
            show_units: true
            show_label: false
            show_last_changed: false
            show_entity_picture: false
            #entity_picture: /local/image/image5-1.jpg
            lock: false
            styles:
              card:
                - height: 135px
            state:
              - value: 'off'
                styles:
                  card:
                    - filter: opacity(80%)
                  icon:
                    - filter: grayscale(100%)
          - type: 'custom:button-card'
            entity: switch.dc1_3_s2_template
            name: 快速充电
            icon: 'mdi:power'
            color_type: card
            color: 'rgb(146, 140, 150)'
            show_state: false
            show_icon: true
            show_name: true
            show_units: true
            show_label: false
            show_last_changed: false
            show_entity_picture: false
            #entity_picture: /local/image/image5-1.jpg
            lock: false
            styles:
              card:
                - height: 135px
            state:
              - value: 'off'
                styles:
                  card:
                    - filter: opacity(80%)
                  icon:
                    - filter: grayscale(100%)
          - type: 'custom:button-card'
            entity: switch.dc1_3_s3_template
            name: 无线充电
            icon: 'mdi:power'
            color_type: card
            color: 'rgb(123, 200, 164)'
            show_state: false
            show_icon: true
            show_name: true
            show_units: true
            show_label: false
            show_last_changed: false
            show_entity_picture: false
            #entity_picture: /local/image/image5-1.jpg
            lock: false
            styles:
              card:
                - height: 135px
            state:
              - value: 'off'
                styles:
                  card:
                    - filter: opacity(80%)
                  icon:
                    - filter: grayscale(100%)
        type: horizontal-stack
      - type: 'custom:button-card'
        entity: switch.dc1_3_template
        name: 电源总控 | USB电源
        color_type: card
        color: 'rgb(241, 103, 69)'
        show_state: false
        show_icon: false
        show_name: true
        show_units: true
        show_label: false
        show_last_changed: false
        show_entity_picture: false
        #entity_picture: /local/image/image5-1.jpg
        lock: true
        styles:
          card:
            - height: 40px
        state:
          - value: 'off'
            styles:
              card:
                - filter: opacity(80%)
              icon:
                - filter: grayscale(100%)
    type: horizontal-stack #vertical-stack


回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-11-24 21:27 , Processed in 0.060475 second(s), 33 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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