请选择 进入手机版 | 继续访问电脑版

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

 找回密码
 立即注册
查看: 10417|回复: 34

[进阶教程] 老树发新芽之每日文物推荐的lovelace配置

[复制链接]

25

主题

414

帖子

2965

积分

论坛技术达人

积分
2965
金钱
2541
HASS币
40
发表于 2019-3-19 18:23:28 | 显示全部楼层 |阅读模式
本帖最后由 angelyangw 于 2019-4-18 10:09 编辑

更新:2019-4-18
1. 使用useful-markdown-card,链接:https://github.com/thomasloven/lovelace-useful-markdown-card
2. 不用再额外新建sensor,只使用https://bbs.hassbian.com/thread-5028-1-1.html中的sensor即可
3. 更改lovelace设置
更新后效果如下图:
11.png

更新后的lovelace设置为:
type: 'custom:useful-markdown-card'
content: |
  ### [[ sensor.artifacts.attributes.friendly_name ]]
  ### [[ sensor.artifacts.state ]]  
  [[ sensor.artifacts.attributes.description ]]
  ![aaa]([[ sensor.artifacts.attributes.cover_image ]])
title: 每日故宫



之前写过一个每日推荐文物的sensor,具体可以参考链接https://bbs.hassbian.com/thread-5028-1-1.html,结合lovelace的picture-element弄出来一个新的样式,见图
WX20190319-181828@2x.png
需要添加几个sensor,编辑sensor.yaml
  - platform: template
    sensors:
      artifacts_name:
        friendly_name: "Artifacts Name"
        value_template: "藏品名称: {{ states.sensor.artifacts.attributes.friendly_name }}"
  - platform: template
    sensors:
      artifacts_age:
        friendly_name: "Artifacts Age"
        value_template: "藏品年代: {{ states.sensor.artifacts.state }}"
  - platform: template
    sensors:
      artifacts_description:
        friendly_name: "artifacts description"
        value_template: >-
          {%- if states.sensor.artifacts.attributes.description == ''  -%}
            藏品介绍:暂无
          {%- else -%}
            藏品介绍:{{ states.sensor.artifacts.attributes.description }}
          {%- endif -%}

然后编辑ui-lovelace.yaml
elements:
  - entity: sensor.artifacts
    image: /local/artifacts/today_cover_img.jpg
    style:
      height: 100%
      left: 0%
      top: 0%
      transform: none
      width: 100%
      z-index: 0
    type: image
  - entity: sensor.artifacts_name
    style:
      background-color: 'rgba(245, 245, 245, 0.4)'
      border-color: IndianRed4
      border-left-style: solid
      color: 'rgb(115, 122, 130)'
      font-family: Trebuchet MS
      font-size: 100%
      font-weight: bold
      left: 0%
      pointer-events: none
      text-shadow: 1px 0px black
      top: 0%
      transform: none
      z-index: 1
    type: state-label
  - entity: sensor.artifacts_age
    style:
      background-color: 'rgba(245, 245, 245, 0.4)'
      border-color: Beige
      border-left-style: solid
      color: 'rgb(115, 122, 130)'
      font-family: Trebuchet MS
      font-size: 100%
      font-weight: bold
      left: 0%
      pointer-events: none
      text-shadow: 1px 0px black
      top: 5%
      transform: none
      z-index: 2
    type: state-label
  - entity: sensor.artifacts_description
    style:
      background-color: 'rgba(245, 245, 245, 0.4)'
      border-color: goldenrod
      border-left-style: solid
      color: 'rgb(115, 122, 130)'
      font-family: Trebuchet MS
      font-size: 100%
      font-weight: bold
      left: 0%
      pointer-events: none
      text-shadow: 1px 0px black
      top: 10%
      transform: none
      z-index: 2
    type: state-label
image: /local/artifacts/today_cover_img.jpg
type: picture-elements

游客,如果您要查看本帖隐藏内容请回复





评分

参与人数 1金钱 +20 收起 理由
+ 20 厉害了word楼主!

查看全部评分

回复

使用道具 举报

6

主题

230

帖子

2118

积分

金牌会员

Rank: 6Rank: 6

积分
2118
金钱
1883
HASS币
20
发表于 2019-3-19 22:08:00 | 显示全部楼层
楼主很有雅兴啊!厉害了,这个收藏,虽然我是一个粗人。。。但是感觉这个也可以用到别的地方啊。。。感谢楼主分享!
回复

使用道具 举报

4

主题

442

帖子

2476

积分

金牌会员

Rank: 6Rank: 6

积分
2476
金钱
2034
HASS币
0
发表于 2019-3-19 22:10:35 | 显示全部楼层
好雅致
回复

使用道具 举报

4

主题

129

帖子

759

积分

高级会员

love421

Rank: 4

积分
759
金钱
625
HASS币
30
发表于 2019-3-20 08:37:10 | 显示全部楼层
看看是什么
回复

使用道具 举报

39

主题

279

帖子

884

积分

高级会员

Rank: 4

积分
884
金钱
605
HASS币
0
发表于 2019-3-20 08:54:13 | 显示全部楼层
学习一下
回复

使用道具 举报

4

主题

50

帖子

261

积分

中级会员

Rank: 3Rank: 3

积分
261
金钱
211
HASS币
0
发表于 2019-3-20 16:11:26 | 显示全部楼层
分享谢谢
回复

使用道具 举报

12

主题

396

帖子

2277

积分

金牌会员

Rank: 6Rank: 6

积分
2277
金钱
1881
HASS币
10
发表于 2019-3-21 22:43:57 | 显示全部楼层
分享谢谢
回复

使用道具 举报

0

主题

267

帖子

2964

积分

金牌会员

Rank: 6Rank: 6

积分
2964
金钱
2697
HASS币
0
发表于 2019-3-21 23:18:12 | 显示全部楼层
谢谢分享
回复

使用道具 举报

0

主题

93

帖子

514

积分

高级会员

Rank: 4

积分
514
金钱
421
HASS币
0
发表于 2019-3-21 23:33:27 | 显示全部楼层
十分高大上!
回复

使用道具 举报

3

主题

113

帖子

692

积分

高级会员

Rank: 4

积分
692
金钱
579
HASS币
0
发表于 2019-3-26 14:00:54 | 显示全部楼层
l来学习一下
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-3-29 13:39 , Processed in 0.096851 second(s), 35 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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