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

 找回密码
 立即注册
查看: 175|回复: 2

[UI界面] 求助

[复制链接]

1

主题

4

帖子

34

积分

新手上路

Rank: 1

积分
34
金钱
30
HASS币
0
发表于 2025-1-1 19:36:48 | 显示全部楼层 |阅读模式
我用了xiaomi vacussm map card
设置style的时候始终就在左下角
- theme: Backend-selected
    title: 扫地机
    path: robot
    icon: mdi:robot-vacuum
    type: panel
    badges: []
    cards:
      - type: picture-elements
        image: /local/所有设备背景1.png
        elements:
          - type: custom:xiaomi-vacuum-map-card
            entity: vacuum.roborock_cn_692510282_a74
            card_mod:
              style: |
                :host {
                  left: 100%;
                  top:  60%;
                  width: 100%;
                  overflow: none;
                  height: 100%;
                  background: none;
                  box-shadow: none;
                  }




有没有大佬帮我看看怎么回事
回复

使用道具 举报

5

主题

80

帖子

317

积分

论坛分享达人

积分
317
金钱
237
HASS币
0
发表于 2025-1-2 05:37:37 | 显示全部楼层
在 :host 中,确保包含 position: absolute;,并尝试调整 left 和 top 值:

yaml
Copy code
card_mod:
  style: |
    :host {
      position: absolute;
      left: 60%; /* 调整水平位置 */
      top: 20%;  /* 调整垂直位置 */
      width: 40%;
      height: auto;
      background: none;
      box-shadow: none;
    }
回复

使用道具 举报

5

主题

80

帖子

317

积分

论坛分享达人

积分
317
金钱
237
HASS币
0
发表于 2025-1-2 05:39:24 | 显示全部楼层
可以先尝试使用固定值(例如 px 而不是 %),看是否位置有任何改变:
yaml
Copy code
card_mod:
  style: |
    :host {
      position: absolute;
      left: 200px;
      top: 100px;
      width: 300px;
      height: 300px;
    }
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2025-2-3 04:39 , Processed in 0.126636 second(s), 25 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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