自定义的输入框实体和按钮实体，如何将他们非对称水平...

flyibeat

自定义了一个输入框实体和按钮实体，用于调用服务或者脚本实现小爱tts播报键入的内容添加到前端后，觉得这样占用的空间太大了，如图1显示的样子，有没有哪一种卡片可以实现如图2显示的样式，变成一行

user1075

通过网格卡片，将实体排列设置成3列

flyibeat

user1075 发表于 2023-4-8 08:19
通过网格卡片，将实体排列设置成3列

网格无法实现，比例始终是1：1的，最后用button-card解决了

flyibeat

填坑，用了button-card

type: custom:button-card
entity: input_text.text
show_icon: false
show_units: false
show_name: false
aspect_ratio: 6/1
size: 0%
styles:
  custom_fields:
    text:
      - position: absolute
      - left: 0%
      - bottom: '-15%'
      - width: 90%
    unit:
      - position: absolute
      - right: 0%
      - width: 20%
custom_fields:
  text:
    card:
      type: entities
      card_mod:
        style: |
          ha-card {
          --ha-card-background: transparent;
          color: var(--secondary-text-color);
          border-radius: 0px;

          }
      entities:
        - entity: input_text.text
      show_header_toggle: false
  unit:
    card:
      type: custom:button-card
      entity: input_button.xiaoai_button
      card_mod:
        style: |
          :host {
           --ha-card-background: none;
          }      
      show_state: false
      show_units: false
      show_name: true
      show_icon: false
      tap_action:
        action: call-service
        service: input_button.press
        service_data:
          entity_id: input_button.xiaoai_button
      hold_action:
        action: more-info
      name: 发送
      styles:
        name:
          - font-size: 15px
          - font-weight: bold
          - color: var(--secondary-text-color)

jeelinbear

学习了，但是没学会。。。

summ99111

好厉害！！！！

mch1992

请教一下，用的是什么主题？

relliky

mch1992 发表于 2023-9-16 17:29
请教一下，用的是什么主题？

hacs里找ios主题

Kevin8961

flyibeat 发表于 2023-4-10 08:37
填坑，用了button-card

type: custom:button-card

                               
登录/注册后可看大图

楼主，我抄了下作业，这个背景一直去不掉，抄的不对吗type: custom:button-cardentity: input_text.ce_shi_tts
card_mod:
  style: |
    ha-card {
      border-style: none;
      }
show_icon: false
show_units: false
show_name: false
aspect_ratio: 6/1
size: 0%
styles:
  custom_fields:
    text:
      - position: absolute
      - left: 0%
      - bottom: '-5%'
      - width: 60%
    unit:
      - position: absolute
      - right: 0%
      - width: 20%
custom_fields:
  text:
    card:
      type: entities
      card_mod:
        style: |
          ha-card {
            --ha-card-background: none;
            color: var(--secondary-text-color);
            border-radius: 0px;
            border-style: none;
          }
      entities:
        - entity: input_text.ce_shi_tts
      show_header_toggle: false
  unit:
    card:
      type: custom:button-card
      entity: input_text.homepad_tts
      card_mod:
        style: |
          :host {
             --ha-card-background: none;
          }      
          ha-card {
              border-style: none;
          }
      show_state: false
      show_units: false
      show_name: true
      show_icon: false
      tap_action:
        action: call-service
        service: input_button.press
        service_data:
          entity_id: input_text.homepad_tts
      hold_action:
        action: more-info
      name: 发送
      styles:
        name:
          - font-size: 15px
          - font-weight: bold
          - color: var(--secondary-text-color)

flyibeat

Kevin8961 发表于 2024-4-8 17:04
楼主，我抄了下作业，这个背景一直去不掉，抄的不对吗type: custom:button-cardentity: input_text.ce ...

ha主题选了“深色”的话，这个确实不好去掉黑色背景