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

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

[技术探讨] 如何设计:点击某一个房间,就切换到下一级的卡片界面

[复制链接]

19

主题

177

帖子

842

积分

高级会员

Rank: 4

积分
842
金钱
665
HASS币
0
发表于 2024-3-17 12:11:30 | 显示全部楼层 |阅读模式
本帖最后由 longtor 于 2024-3-18 14:56 编辑

请教:在一个页面,已设计了房间清单卡片。如何设计:点击某一个房间,就切换到 下一级的卡片界面),并能返回到上级界面。
附图 WechatIMG376.jpg WechatIMG377.jpg




想设计成:点击 餐厅 图标后,进入下一级界面 Lights 界面,并能返回到 Areas 界面。

谢谢!

回复

使用道具 举报

2

主题

183

帖子

3096

积分

论坛元老

Rank: 8Rank: 8

积分
3096
金钱
2913
HASS币
0
发表于 2024-3-17 12:26:34 来自手机 | 显示全部楼层
点击动作,前往,导航路径→子视图
回复

使用道具 举报

19

主题

177

帖子

842

积分

高级会员

Rank: 4

积分
842
金钱
665
HASS币
0
 楼主| 发表于 2024-3-17 14:27:11 | 显示全部楼层
自在 发表于 2024-3-17 12:26
点击动作,前往,导航路径→子视图

导航路径 中 没有 子视图 选项啊 ??
回复

使用道具 举报

33

主题

2039

帖子

5278

积分

论坛元老

Rank: 8Rank: 8

积分
5278
金钱
3239
HASS币
60
QQ
发表于 2024-3-17 16:08:33 | 显示全部楼层
2楼正解
我不生产技术,我只是技术的搬运工。
回复

使用道具 举报

2

主题

183

帖子

3096

积分

论坛元老

Rank: 8Rank: 8

积分
3096
金钱
2913
HASS币
0
发表于 2024-3-17 20:49:44 | 显示全部楼层
longtor 发表于 2024-3-17 14:27
导航路径 中 没有 子视图 选项啊 ??

1710679697372.jpg 1710679702323.jpg
回复

使用道具 举报

19

主题

177

帖子

842

积分

高级会员

Rank: 4

积分
842
金钱
665
HASS币
0
 楼主| 发表于 2024-3-18 13:36:41 | 显示全部楼层

不好意思,再次打扰!

问题:导航路径 中的 /lovelace/sdj  是如何定义的呢 ?

具体到 下面测试程序 ,如何 从 首页 中,单击 餐厅卡片 进入到 餐厅设备卡片 ?如何修改?谢谢!

kiosk_mode:
  hide_header: false
views:
  - title: /* 首页 */
    icon: mdi:home
    cards:
      - type: horizontal-stack
        cards:
          - type: custom:mushroom-template-card
            icon: mdi:sofa-outline
            primary: 餐厅卡片
            tap_action:
              action: navigate
              navigation_path: /dashboard-test22
          - type: custom:mushroom-template-card
            icon: mdi:table-chair
            primary: 厨房卡片
            tap_action:
              action: navigate
              navigation_path: /lovelace/test00
              
  - type: custom:mushroom-template-card /* 餐厅设备卡片 */
    icon: mdi:connection
    path: test00
    cards:
      - type: horizontal-stack
        cards:
          - type: custom:mushroom-entity-card
            entity: light.yi_mao_jian_chuang_bian_she_deng
            name: 餐厅吊灯
            icon: mdi:light-recessed
          - type: custom:mushroom-entity-card
            entity: light.yi_mao_jian_chuang_lian_deng_dai
            name: 餐厅吊柜灯带
            icon: mdi:led-strip-variant
            
title: Myhome





回复

使用道具 举报

19

主题

177

帖子

842

积分

高级会员

Rank: 4

积分
842
金钱
665
HASS币
0
 楼主| 发表于 2024-3-18 21:28:03 | 显示全部楼层
实在没有搞明白,不搞了。

学习弹窗后,用弹出窗口解决问题。


(十五)弹出窗口
    tap_action:
      action: fire-dom-event
      browser_mod:
        service: browser_mod.popup
        data:
          title: My title                                /* 弹出窗口界面 标题 */
          content:
            type: 。。。。。
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-5-19 14:28 , Processed in 0.329124 second(s), 32 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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