首页 >>  正文

mushroom中文

来源:baiyundou.net   日期:2024-08-22

作者:紫殇情结

晒图

浏览器样式


ipad样式




简介

mushroom lovelace是一个可以在hass的ui中配置dashboard的集成,对于ui小白(本人)来说,很友好

B站找到的一个介绍视频:https://www.bilibili.com/video/BV1DP411L7B7/

安装

几乎所有用到的卡片,都可以通过hacs安装参考安装步骤;  

  • Install HACS if you don't have it already


  • Open HACS in Home Assistant


  • Go to "Frontend" section


  • Click button with "+" icon


  • Search for "Mushroom"

我用到的部分卡片和主题

卡片

  • Lovelace Mini Graph Card


  • Vertical Stack In Card


  • Button Card by @RomRider


  • Lovelace swipe card


  • Digital Clock


  • Mushroom


  • kiosk-mode


  • chartjs-card

主题

  • iOS Themes

使用

  • 设置- 仪表盘 - 创建Dashboard


  • 打开创建的仪表盘,右上角选择编辑仪表盘,在弹窗中选择“从空白仪表盘开始”,点击“自行编辑”


  • 添加第一个卡片

    通常我添加到第一个卡片是垂直堆叠的卡片,既然是ui配置,当然很简单,效果如图




  • 在垂直堆叠的卡片中,设计需要的样子

    如我的首页中,左边第一列是一个垂直堆叠的卡片,其中又嵌套了7个子卡片,下面详述

mushroom-chips-card 安装mushroom后自带,作为导航用效果:

例子:

mushroom-title-card 标题,可以使用HASS的模板 安装mushroom后自带

例子:

type: custom:mushroom-title-card
title: |
  {% set time = now().hour %}
  {% if (time >= 18) %}
    晚上好, {{user}}!
  {% elif (time >= 12) %}
    下午好, {{user}}!
  {% elif (time >= 5) %}
    早安, {{user}}!
  {% else %}
    欢迎回来, {{user}}!
  {% endif %}
subtitle: ''alignment: start

digital-clock 时钟、日期

效果:

例子:

type: custom:digital-clock

locale: cn

timeZone: Asia/Shanghai

dateFormat:  

    weekday: long  

    day: numeric  

    month: long  

    year: numeric

timeFormat:  

    hour: 2-digit  

    minute: 2-digit

horizontal-stack 水平堆叠

当需要某些实体显示在一行中时,使用该卡片
效果:

例子:


小技巧

善用HASS模板

hass中有很多卡片支持模板,来取各种设备、实体的属性,或者做出判断等等。
例如我最常用的markdown card
效果:

例子:

{% if  states('sensor.loock_v4_def2_door_state') == 'stuck' %}
<ha-alert alert-type="success">大门关闭中
{% else%}
  大门未关闭,迅速检查
{% endif %}

{%- set low_batteries = states |
  selectattr('attributes.battery_level', 'defined') |
  selectattr('attributes.battery_level','<=', 30 ) | list -%}
{% if low_batteries | count >= 1 %}
      {{ low_batteries | list | count  }}个设备电量低:
  {%- for battery in low_batteries -%}
      {%- set message =  "n -  *"+ battery.name + ' (' + (battery.attributes.battery_level | round(0) | string) + '%)*' -%}
      {{ message }}
  {%- endfor -%}
{% else %}
   所有设备电量都很正常
{% endif %}



{{ (states.light  and states.switch ) |
   selectattr( 'state', 'eq', 'on') | list | length-1 }}盏灯点亮


当前电费余额: {{ states('sensor.1056389284_balance') }}
当前阶梯剩余额度: {{states('sensor.1056389284_current_level_remain')}}


欧元对人民币汇率: {{ states('sensor.eur_to_cny') }}
美元对欧元汇率: {{states('sensor.open_exchange_rates_usd_eur')}}



扫地机器人状态: {{states('vacuum.annie')}}

使用水平堆叠、垂直堆叠卡片

根据自己的设计,使用水平堆叠或者垂直堆叠,可以将想要放到一起显示的内容集中展示

最后

祝各位玩出自己喜欢的样子了!

由于大妈家实在是对代码不太友好,所以没办法放出来我的配置 有需要的可以联系我咯



","force_purephv":"0","gnid":"959a176f7b1a603a7","img_data":[{"flag":2,"img":[{"desc":"","height":"286","title":"","url":"https://p0.ssl.img.360kuai.com/t0171b60f976c03b095.jpg","width":"600"},{"desc":"","height":"439","title":"","url":"https://p0.ssl.img.360kuai.com/t0147be328178204e12.jpg","width":"600"},{"desc":"","height":"360","title":"","url":"https://p0.ssl.img.360kuai.com/t01ac496f190bf210ef.jpg","width":"600"},{"desc":"","height":"483","title":"","url":"https://p0.ssl.img.360kuai.com/t01f8e1ecaba863bfa5.jpg","width":"600"},{"desc":"","height":"107","title":"","url":"https://p0.ssl.img.360kuai.com/t017e333f1a4bbf8e14.jpg","width":"600"},{"desc":"","height":"182","title":"","url":"https://p0.ssl.img.360kuai.com/t0140065ff78cd3fcdc.jpg","width":"600"},{"desc":"","height":"980","title":"","url":"https://p0.ssl.img.360kuai.com/t019fdfde642abef91b.jpg","width":"600"},{"desc":"","height":"497","title":"","url":"https://p0.ssl.img.360kuai.com/t019fdc4c0c06b35b79.jpg","width":"600"}]}],"original":0,"pat":"otherc,art_src_1,fts0,sts0","powerby":"hbase","pub_time":1674995164000,"pure":"","rawurl":"http://zm.news.so.com/63aec2394bf29cf41bc437dac747f4e7","redirect":0,"rptid":"6eac891dfaeb0918","s":"t","src":"什么值得买","tag":[{"clk":"ktechnology_1:ui","k":"ui","u":""}],"title":"homeassistant 篇一:使用mushroom lovelace在ui界面中配置仪表盘

窦蕊盲3723求“蘑菇”的英文单词, -
咸泻饱18915458641 ______ mushroom ['mʌʃru:m, -rum] n. 蘑菇

窦蕊盲3723青菜 蘑菇 英文怎么说 -
咸泻饱18915458641 ______[答案] 很简单啊 greengrocery 是青菜的意思 mushroom 是蘑菇

窦蕊盲3723巴厘岛 mushroom什么意思 -
咸泻饱18915458641 ______ Mushrooms are fungi (真菌)that you can eat.They have short stems and round tops. 蘑菇 例:There are many types of wild mushrooms.有许多种野生蘑菇.2. V-I If something such as an industry or a place mushrooms, it grows or comes into ...

窦蕊盲3723mushroom怎么读 -
咸泻饱18915458641 ______ mushroom [ˈmʌʃru:m] n.蘑菇 vi.迅速成长(或发展)

窦蕊盲3723“蓝瘦香菇”英文怎么说 -
咸泻饱18915458641 ______ ☆字面直译☆ 蓝瘦香菇:blue(蓝) thin(瘦) mushroom(香菇) 这个翻译是根据中文,逐字翻译的,不能准确表达它的意思. ☆意译版☆ 蓝瘦=难受=feel awful 香菇=想哭=want to cry 这个翻译,就是根据具体意思翻译的了,准确表达了“蓝瘦香菇”的意思,但也不是那么地道. ☆进阶版☆ ★如何表达“难受”: shattered:遭受打击的 depressed:沮丧的 tormented:痛苦的 miserable:悲惨的 melancholy:忧郁的 down in the dumps:心情跌入低谷

窦蕊盲3723蘑菇用英语怎么表达啊?如题,蘑菇的英语怎么说呀? -
咸泻饱18915458641 ______[答案] fungus n. 菌类,蘑菇 mushroom n. 蘑菇,暴发户 vi. 迅速生长,迅速增加,采蘑菇 adj. 蘑菇形的,迅速生长的

窦蕊盲3723”采蘑菇“ 翻译成英语!!!!!!!!!!!!!!!! -
咸泻饱18915458641 ______ mushroom 本身就是动词 采蘑菇的意思 也可以用gather mushrooms

窦蕊盲3723蘑菇的英语怎么说 -
咸泻饱18915458641 ______ mushroom 如果帮到你,请记得采纳,O(∩_∩)O谢谢

窦蕊盲3723这是什么字?怎么读?莪 -
咸泻饱18915458641 ______ 莪é 中文解释 - 英文翻译 莪的中文解释 以下结果由汉典提供词典解释 部首笔画 部首:艹 部外笔画:7 总笔画:10 五笔86:ATRT 五笔98:ATRY 仓颉:THQI 笔顺编号:1223121534 四角号码:44553 Unicode:CJK 统一汉字 U+83AA 基本字义 ...

窦蕊盲3723mushroom 是可数名词还是不可数名词 -
咸泻饱18915458641 ______ 可数:mushrooms 学习是一件愉快的事! (*^__^*) 请及时采纳,多谢!

(编辑:自媒体)
关于我们 | 客户服务 | 服务条款 | 联系我们 | 免责声明 | 网站地图 @ 白云都 2024