|
|
本帖最后由 hhh. 于 2024-5-6 17:53 编辑
导航：
前言：
说明：
- 一般问题，请善用论坛和网页搜索，里面有答案。
- 也可以借助AI工具，可以很方便的解决问题。如：通义千问，GhatGPT。
页面结构：
- 页面主要有上，中，下三个部分，通俗理解就是：页眉→内容→页脚（dock栏）。
- 其中上和下这两个部分的卡片，分别固定在屏幕的页眉和页脚。
- 其中内容部分由：区域卡片组成。
前期准备：
添加页面：
- 因页面跳转需要，需要添加最少8个页面，可见性设置为“不可见”。
- 分别为：玄关，阳台，客厅，餐厅，书房，厨房，洗漱间，卫生间，主卧，次卧等，视个人情况而定。
那请泡好茶，我们开始卡片的添加
卡片添加：
- 使用手动模式添加卡片，支持可视化编辑器。
- 请按照：页眉→区域卡片→dock栏。这个顺序依次添加卡片。
- 文件按照数字顺序命名，按照顺序添加即可。
需要修改：
- 可以在可视化编辑器中更改所有设备的实体ID，包括模板部分。
- 需要修改的部分，主要修改这个代码：“entity:” 后面的实体ID。
- 非需必要，请勿改变代码行的缩进，不懂的代码请勿随意删除。
- 这个颜色的部分整篇代码都需要更改。sensor.time 这个就是需要显示的实体ID。
card:
type: custom:mushroom-chips-card
chips:
- type: template
entity: sensor.time
content: '{{ states(entity) }}'
tap_action:
action: more-info
- entity: sensor.wen_shi_du_chuan_gan_qi_wen_du_zu
name: 平均
- entity: sensor.a4c13864fa00_temperature
name: 客厅
- entity: sensor.a4c138162cdb_temperature
name: 主卧
- 特殊部分：如模版，就需要更改模版中的实体ID。
- 这种颜色的部分属于模版（模版就是使用代码获取实体信息，或者是改变实体信息，用于显示）。
- 这个颜色的部分整篇代码都需要更改。
type: template
content: >
{% if is_state('binary_sensor.quan_wu_men_chuang_chuan_gan_qi_zu', 'on')
%}
已开启
{% else %}
已关闭
{% endif %}
entity: binary_sensor.quan_wu_men_chuang_chuan_gan_qi_zu
icon: >-
{% if is_state('binary_sensor.quan_wu_men_chuang_chuan_gan_qi_zu', 'on')
%}
mdi:door-open
{% else %}
mdi:door-closed
{% endif %}
- 页面跳转部分
- 需要修改这个颜色中的页面地址，/dashboard-cellphone/lan 这个地址就是添加好的页面地址栏。
type: custom:mushroom-template-card
primary: ''
secondary: 网络
icon: mdi:network-outline
layout: vertical
icon_color: cyan
tap_action:
action: navigate
navigation_path: /dashboard-cellphone/lan
其他：
- 监控部分，使用的是frigate-card。
- 请把图片文件夹添加到www文件夹下。
遇到问题，或者有新颖的想法，请说明。谢谢！
|
-
-
区域篇.rar
5.79 KB, 阅读权限: 20, 下载次数: 9
售价: 3 金钱 [记录]
|
发表于 2024-5-6 17:53:37
