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

『瀚思彼岸』» 智能家居第一站

 找回密码
 立即注册
查看: 291|回复: 6

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

[复制链接]

15

主题

523

帖子

1833

积分

金牌会员

Rank: 6Rank: 6

积分
1833
金钱
1310
HASS币
91

教程狂人

QQ
发表于 5 天前 | 显示全部楼层 |阅读模式
本帖最后由 花蟋蟀 于 2019-7-16 10:36 编辑

【Lovelace】界面之斐讯DC1

【效果图】

这是三个DC1的运行图

这是三个DC1的运行图



【前置要求】
1、刷了ESPHome的斐讯DC1接入HA(集成里添加很方便)
(教程在这https://bbs.hassbian.com/forum.php?mod=viewthread&tid=6628&highlight=DC1
2、安装了button-card 插件


【配置UI
新建右下角MANUAL CARD卡片-复制代码替换所有内容-保存


【配置文件】
单个DC1配置如下
cards:
  - cards:
      - cards:
          - type: 'custom:button-card'
            entity: sensor.phicomm_dc1_power
            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: 40px
            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.phicomm_dc1_current
            name: 电流
            color_type: card
            color: 'rgb(142, 189, 208)'
            show_state: true
            show_icon: false
            show_name: true
            show_units: true
            show_label: false
            show_last_changed: false
            styles:
              card:
                - height: 40px
            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.phicomm_dc1_voltage
            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: 40px
            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.phicomm_dc1_switch1
        name: 插孔命名1
        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.phicomm_dc1_switch2
        name: 插孔命名2
        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.phicomm_dc1_switch3
        name: 插孔命名3
        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%)
      - cards:
          - type: 'custom:button-card'
            entity: sensor.phicomm_dc1_wifi_signal
            name: WIFI
            icon: 'mdi:wifi'
            color_type: card
            color: 'rgb(76, 195, 97)'
            show_state: true
            show_icon: true
            show_name: true
            show_units: true
            show_label: false
            show_last_changed: false
            styles:
              card:
                - height: 65px
            state:
              - operator: ''
                value: -86
                styles:
                  card:
                    - filter: opacity(60%)
                  icon:
                    - filter: grayscale(100%)
          - type: 'custom:button-card'
            entity: switch.phicomm_dc1_logo_light
            name: Light
            icon: 'mdi:flare'
            color_type: card
            color: 'rgb(76, 195, 217)'
            show_state: false
            show_icon: true
            show_name: true
            show_units: true
            show_label: false
            show_last_changed: false
            styles:
              card:
                - height: 60px
            state:
              - value: 'off'
                name: Light
                icon: 'mdi:lightbulb-outline'
                styles:
                  card:
                    - filter: opacity(80%)
                  icon:
                    - filter: grayscale(80%)
              - value: 'on'
                name: Light
                icon: 'mdi:lightbulb-on-outline'
        type: vertical-stack
    type: horizontal-stack
  - type: 'custom:button-card'
    entity: switch.phicomm_dc1_switch0
    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: vertical-stack


【说明】

电源总控带锁,开关需先点击解锁后控制


回复

使用道具 举报

6

主题

419

帖子

2173

积分

金牌会员

Rank: 6Rank: 6

积分
2173
金钱
1754
HASS币
30
发表于 5 天前 来自手机 | 显示全部楼层
先马再看
回复

使用道具 举报

1

主题

84

帖子

585

积分

高级会员

Rank: 4

积分
585
金钱
501
HASS币
0
发表于 5 天前 | 显示全部楼层
设计的不错,有意思
回复

使用道具 举报

10

主题

833

帖子

2747

积分

金牌会员

Rank: 6Rank: 6

积分
2747
金钱
1914
HASS币
0
发表于 5 天前 | 显示全部楼层
不明觉厉,homekit党路过支持,感谢分享//
回复

使用道具 举报

5

主题

173

帖子

1328

积分

金牌会员

Rank: 6Rank: 6

积分
1328
金钱
1155
HASS币
0
QQ
发表于 5 天前 | 显示全部楼层
很好看哎  感谢分享
回复

使用道具 举报

1

主题

21

帖子

97

积分

注册会员

Rank: 2

积分
97
金钱
76
HASS币
0
发表于 5 天前 | 显示全部楼层
DC1还在路上 收了!
回复

使用道具 举报

7

主题

594

帖子

2331

积分

金牌会员

Rank: 6Rank: 6

积分
2331
金钱
1737
HASS币
87
发表于 4 天前 | 显示全部楼层
这个好赞,好看,好用.
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2019-7-19 07:59 , Processed in 0.093931 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

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