气泡卡片弹出调用失败

wenbieba

这个代码：
- title: 空调
    type: image
    style:
      left: 6%
      top: 82%
      width: 14%
    entity: climate.gree_climate
    state_image:
      'off': /local/icos/空调/空调关.png
      heat: /local/icos/空调/空调热.gif
      cool: /local/icos/空调/空调冷.gif
      fan_only: /local/icos/空调/空调无AC.gif
      dry: /local/icos/空调/空调冷.gif
    tap_action:
      action: navigate
      navigation_path: !include "气泡卡片/空调.yaml"


弹出下边这个代码


空调yaml内容空调代码    type: vertical-stack
    cards:
      - type: custom:bubble-card
        card_type: pop-up
        hash: "#kong_tiao"
        show_header: true
        width_desktop: 540px
        margin_top_mobile: calc(100vh - 90vh)
        margin_top_desktop: calc(100vh - 90vh)
        bg_opacity: "70"
        bg_blur: "2"
        tap_action:
          action: none
        double_tap_action:
          action: none
        hold_action:
          action: none
        button_action:
          tap_action:
            action: none
          double_tap_action:
            action: none
          hold_action:
            action: none
        button_type: name
      - type: custom:button-card
        name: 空调
        show_name: true
        show_label: false
        show_icon: false
        styles:
          card:
            - height: auto
            - padding: 0 12px 0 0
            - background: none
            - box-shadow: none
            - border: none
          name:
            - font-size: 26px
            - font-weight: bold
            - text-align: left
            - justify-content: flex-start
            - margin: 0
      - type: vertical-stack
        cards:
          - type: custom:simple-thermostat
            entity: climate.gree_climate
            step_size: 1
            label:
              state: 状态
              temperature: 温度
              humidity: 湿度
            layout:
              mode:
                headings: false
                icons: true
              step: row
            header:
              toggle:
                entity: switch.2_panel_light
                name: 面板灯
              faults:
                entity: switch.2_panel_light
            control:
              hvac:
                "off":
                  name: 关闭
                heat:
                  name: 制热
                cool:
                  name: 制冷
                auto:
                  name: 自动
                dry:
                  name: 除湿
                fan_only:
                  name: 送风
                heat_cool:
                  name: 自动调温
              fan:
                auto:
                  name: 自动
                low:
                  name: 低速
                medium_low:
                  name: 中低速
                medium:
                  name: 中速
                medium_high:
                  name: 中高速
                high:
                  name: 高速
                turbo:
                  name: 超强
                quiet:
                  name: 静音
              swing:
                default:
                  name: 默认
                swing_full:
                  name: 全摆动
                fixed_upmost:
                  name: 固定最上
                fixed_middle_up:
                  name: 固定中上
                fixed_middle:
                  name: 固定中间
                fixed_middle_low:
                  name: 固定中下
                fixed_lowest:
                  name: 固定最下
                swing_downmost:
                  name: 摆动最下
                swing_middle_low:
                  name: 摆动中下
                swing_middle:
                  name: 摆动中间
                swing_middle_up:
                  name: 摆动中上
                swing_upmost:
                  name: 摆动最上
              swing_horizontal:
                default:
                  name: 默认
                swing_full:
                  name: 全摆动
                fixed_leftmost:
                  name: 固定最左
                fixed_middle_left:
                  name: 固定中左
                fixed_middle:
                  name: 固定中间
                fixed_middle_right:
                  name: 固定中右
                fixed_rightmost:
                  name: 固定最右
            card_mod:
              style: |
                :host {
                  --st-font-size-title: 20px;
                }


tap_action:
      action: navigate
      navigation_path: !include "气泡卡片/空调.yaml"或"气泡卡片/空调.yanl#kong_tiao"   都没效果，麻烦大佬指点

gasment

不能外部引用的吧，拉起的pop-up卡必须得在同一视图下
tap_action:
    action: navigate
    navigation_path: "#pop-up-hash"

wenbieba

gasment 发表于 2025-8-14 11:46
不能外部引用的吧，拉起的pop-up卡必须得在同一视图下
tap_action:
    action: navigate

气泡卡片占位太严重，这样外部调用直接加载yaml文件达到不占位

wenbieba

gasment 发表于 2025-8-14 11:46
不能外部引用的吧，拉起的pop-up卡必须得在同一视图下
tap_action:
    action: navigate

不知占位你是怎么解决的，虽然隐藏看不见，但可以上滑出好多空白

gasment

wenbieba 发表于 2025-8-14 12:00
不知占位你是怎么解决的，虽然隐藏看不见，但可以上滑出好多空白

我没有空白的问题，同一个视图挤了十几个pop-up卡，能滑动的只有非隐藏那部分，pop-up单开一列，他要放到所有显式卡片后面

wenbieba

gasment 发表于 2025-8-14 15:07
我没有空白的问题，同一个视图挤了十几个pop-up卡，能滑动的只有非隐藏那部分，pop-up单开一列，他要放到 ...

气泡卡片都会出现占位现象，正常模式看不见，但占了空间，不知大佬是怎么操作的，我的操作，垂直卡片~气泡卡片。位置：UI最最最末端

90後の插班生

wenbieba 发表于 2025-8-14 17:40
气泡卡片都会出现占位现象，正常模式看不见，但占了空间，不知大佬是怎么操作的，我的操作，垂直卡片~气 ...

我也有遇到这个问题

hungheo

删除占位符

插件：card mod
在主题文件中添加：

hungheo:  #主题名称
  card-mod-theme: "hungheo" #主题名称一致
  card-mod-view-yaml: |
    hui-view>hui-sections-view$: |
      .container {
        gap: 0px var(--column-gap) !important;
      }

复制代码

这里的gap：0px就是把间距变成0了，就没有占位了


修改前：



修改后：

wenbieba

hungheo 发表于 2025-8-14 23:50
删除占位符

插件：card mod

不知什么原因放入不没反应，插件也是存在的
hungheo:  #主题名称
  card-mod-theme: "hungheo" #主题名称一致
  card-mod-view-yaml: |
    hui-view>hui-sections-view$: |
      .container {
        gap: 0px var(--column-gap) !important;
      }

  h-white: 255,255,255
  h-black: 0,0,0
  h-light-black: 59,59,59
  h-light-black-2: 65,65,65
  h-grey: 189,189,189
  h-light-green: 140,198,63
  h-rgb-white: rgb(var(--h-white))
  h-rgb-light-black: rgb(var(--h-light-black))

  
#main
  primary-color: "#8CC63F"
  accent-color: "var(--primary-color)"
  primary-background-color: "#3b3b3b"
  primary-text-color: rgb(var(--h-white))
  secondary-text-color: "#bdbdbd"

hungheo

wenbieba 发表于 2025-8-15 08:24
不知什么原因放入不没反应，插件也是存在的
hungheo:  #主题名称
  card-mod-theme: "hungheo" #主题名称 ...

重载一下主题