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

 找回密码
 立即注册
楼主: Anooki

[UI界面] Mushroom手机界面分享-施工中

  [复制链接]

10

主题

124

帖子

755

积分

高级会员

Rank: 4

积分
755
金钱
631
HASS币
0
发表于 2023-12-21 23:53:47 来自手机 | 显示全部楼层
打卡打卡
回复

使用道具 举报

16

主题

178

帖子

930

积分

高级会员

Rank: 4

积分
930
金钱
752
HASS币
0
发表于 2024-1-21 17:53:06 | 显示全部楼层
yaml文件到底放在哪个目录下,然后怎么用?
回复

使用道具 举报

8

主题

17

帖子

94

积分

注册会员

Rank: 2

积分
94
金钱
77
HASS币
0
发表于 2024-1-28 11:42:57 | 显示全部楼层
Anooki 发表于 2023-9-2 11:02
线条的问题:你把卡片改成custom:stack-in-card
不要用hass自带的卡片
sensor没看到代码不好说 ...

Mushroom界面中空调间距很宽,不知道是不是style不起作用,请问如何解决

                               
登录/注册后可看大图

type: custom:stack-in-card
keep:
  margin: false
  box_shadow: false
  background: false
cards:
  - type: grid
    square: false
    columns: 2
    cards:
      - type: custom:mushroom-template-card
        style: |
          ha-card {
            padding-bottom: 1px !important;
          }
        primary: 客厅空调
        secondary: |
          当前: {{ state_attr('climate.keting_aux', 'hvac_action') }}
        icon: |-
          {% set mode = states('climate.keting_aux') %}
          {% if mode == 'off' %}
          mdi:power
          {% elif mode == 'cool' %}
          mdi:snowflake
          {% elif mode == 'heat' %}
          mdi:fire
          {% elif mode == 'heat_cool' %}
          mdi:autorenew
          {% else %}
          mdi:home-thermometer
          {% endif %}
        icon_color: |-
          {% set status = state_attr('climate.keting_aux','hvac_action') %}
          {% if status == 'off' %}
          grey
          {% elif status == 'cooling' %}
          blue
          {% elif status == 'heating' %}
          red
          {% else %}
          grey
          {% endif %}
        tap_action: none
      - type: custom:simple-thermostat
        entity: climate.keting_aux
        layout:
          step: row
        header: false
        control: false
        decimals: '0'
        hide:
          temperature: true
          state: true
  - type: custom:mushroom-chips-card
    style: |
      ha-card {
        --chip-box-shadow: none;
        --chip-background: none;
      }
    alignment: justify
    chips:
      - type: template
        entity: climate.keting_aux
        content: |
          {{ state_attr(entity, 'fan_mode') }}
        icon: mdi:fan
        icon_color: green
        tap_action: none
      - type: template
        content: '{{ states(entity) }} °C'
        entity: sensor.a4c138aefe53_temperature
        icon: mdi:home-thermometer
        icon_color: blue
        tap_action:
          action: none
        hold_action:
          action: none
      - type: weather
        entity: weather.wo_de_jia
        show_conditions: true
        show_temperature: true
      - type: template
        double_tap_action:
          action: none
        content: '{{ states(entity) }}%'
        entity: sensor.a4c138aefe53_humidity
        icon: mdi:water
        icon_color: blue
        tap_action:
          action: none
        hold_action:
          action: none
  - type: custom:simple-thermostat
    style: |
      ha-card {
        --st-font-size-toggle-label: 6px
        --st-spacing: 0px;
        --st-default-spacing: 0px;
        --st-mode-background: #ebebeb;
        margin-left: 12px;
        margin-right: 12px;
      }
      ha-card .mode-item.active.off { 
        background: #363636;
        color: #9e9e9e;
      }
      ha-card .mode-item.active.cool { 
        background: #1d3447;
        color: #2196f3;
      }
      ha-card .mode-item.active.heat { 
        background: #472421;
        color: #f44336;
      }
      ha-card .mode-item.active.heat_cool { 
        background: #493516;
        color: #ff9800;
      }
      ha-card .mode-item.active { 
        background: #263926;
        color: #4caf50;
      }
      ha-card .mode-item.active:hover { 
        background: #363636;
        color: #9e9e9e;
      }
      ha-card .mode-item:hover { 
        background: #363636;
        color: #9e9e9e;
      }
      ha-card .mode-item {
        --st-spacing: 10px;
        border-radius: 10px;
      }
      ha-card .modes {
        grid-gap: 12px
      }
    entity: climate.keting_aux
    header: false
    setpoints: false
    hide:
      temperature: true
      state: true
    layout:
      mode:
        headings: false
        icons: true
        names: true
      step: row
    control:
      hvac:
        'off':
          name: 关闭
        heat:
          name: 制热
        cool:
          name: 制冷
        dry:
          name: 除湿
        fan_only:
          name: 送风
  - type: grid
    square: false
    columns: 3
    cards:
      - type: custom:mushroom-entity-card
        entity: sensor.a4c138aefe53_temperature
        secondary_info: name
        name: 室内
        icon_color: green
      - type: custom:mushroom-entity-card
        entity: sensor.a4c138aefe53_temperature
        primary_info: state
        secondary_info: name
        name: 室外
        icon_color: blue
      - type: custom:simple-thermostat
        style: |
          ha-card {
            --st-font-size-toggle-label: 6px
            --st-spacing: 0px;
            --st-default-spacing: 1.6px;
            --st-mode-background: #ebebeb;
            margin-right: 12px;
          }
          ha-card .mode-item.active { 
            background: #263926;
            color: #4caf50;
          }
          ha-card .mode-item.active:hover { 
            background: #363636;
            color: #9e9e9e;
          }
          ha-card .mode-item:hover { 
            background: #363636;
            color: #9e9e9e;
          }
          ha-card .mode-item {
            --st-spacing: 6px;
            border-radius: 10px;
          }
          ha-card .modes {
            grid-gap: 12px
          }
        entity: climate.keting_aux
        header: false
        setpoints: false
        hide:
          temperature: true
          state: true
        layout:
          mode:
            headings: false
            icons: true
            names: false
          step: row
        control:
          fan:
            Auto:
              icon: mdi:fan-auto
            Low: false
            Medium: false
            High: false
            Turbo:
              name: 超强
              icon: mdi:fan
            Mute: false
  - type: custom:mini-graph-card
    entities:
      - entity: sensor.a4c138aefe53_temperature
        name: 室内温度
        color: '#4caf50'
      - entity: sensor.a4c138aefe53_temperature
        name: 室外温度
        color: '#2196f3'
        y_axis: secondary
    hours_to_show: 24
    line_width: 1
    font_size: 50
    animate: true
    show:
      name: false
      icon: false
      state: false
      legend: false
      fill: fade
回复

使用道具 举报

0

主题

4

帖子

56

积分

注册会员

Rank: 2

积分
56
金钱
52
HASS币
0
发表于 2024-2-20 11:41:27 | 显示全部楼层
讲得很详细,感谢楼主分享!
回复

使用道具 举报

0

主题

23

帖子

249

积分

中级会员

Rank: 3Rank: 3

积分
249
金钱
226
HASS币
0
发表于 2024-3-16 20:04:24 | 显示全部楼层
大佬,抄作业
回复

使用道具 举报

0

主题

8

帖子

348

积分

中级会员

Rank: 3Rank: 3

积分
348
金钱
340
HASS币
0
发表于 2024-4-11 17:16:30 | 显示全部楼层
我来抄一下作业
回复

使用道具 举报

3

主题

58

帖子

286

积分

中级会员

Rank: 3Rank: 3

积分
286
金钱
228
HASS币
0
发表于 2024-8-13 15:41:19 | 显示全部楼层
hunl0613 发表于 2024-1-28 11:42
Mushroom界面中空调间距很宽,不知道是不是style不起作用,请问如何解决

...

同样的问题。解决了吗
1723534846859.png
回复

使用道具 举报

3

主题

58

帖子

286

积分

中级会员

Rank: 3Rank: 3

积分
286
金钱
228
HASS币
0
发表于 2024-8-14 12:47:23 | 显示全部楼层
楼主在吗???
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-11-24 07:15 , Processed in 0.055179 second(s), 30 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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