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

 找回密码
 立即注册
楼主: myhades

[UI界面] 交流一下基于Mushroom的手机端面板设计

  [复制链接]

8

主题

690

帖子

4556

积分

论坛元老

Rank: 8Rank: 8

积分
4556
金钱
3861
HASS币
0
QQ
发表于 2023-6-14 15:53:35 | 显示全部楼层
楼主,请问那个左右滑动怎么做到的啊,能讲一下吗?
回复

使用道具 举报

4

主题

48

帖子

747

积分

高级会员

Rank: 4

积分
747
金钱
699
HASS币
0
 楼主| 发表于 2023-6-17 11:24:49 | 显示全部楼层
QQ617250210 发表于 2023-6-14 15:53
楼主,请问那个左右滑动怎么做到的啊,能讲一下吗?

HACS或者Github上搜Swipe Card,配置很简单,我把readme贴在下面
Lovelace swipe card

A Lovelace card that uses swiper to create a touch slider that lets you flick through multiple cards.
You can use (almost?) all options of swiper, these can be found here.

Installation:

You have 2 options, hosted or self hosted (manual). The first option needs internet and will update itself.

Hosted:

Add the following to resources in your lovelace config:

resources:
  - url: https://cdn.jsdelivr.net/gh/bramkragten/custom-ui@master/swipe-card/swipe-card.js
    type: module
Manual:

Download the swipe-card.js to /config/www/custom-lovelace/swipe-card/. (or an other folder in /config/www/)

Add the following to resources in your lovelace config:

resources:
  - url: /local/custom-lovelace/swipe-card/swipe-card.js
    type: module
Configuration:

And add a card with type custom:swipe-card:

- type: custom:swipe-card
  cards: []
回复

使用道具 举报

8

主题

690

帖子

4556

积分

论坛元老

Rank: 8Rank: 8

积分
4556
金钱
3861
HASS币
0
QQ
发表于 2023-6-17 12:01:55 | 显示全部楼层
myhades 发表于 2023-6-17 11:24
HACS或者Github上搜Swipe Card,配置很简单,我把readme贴在下面

好的,谢谢,我研究下
回复

使用道具 举报

2

主题

22

帖子

80

积分

注册会员

Rank: 2

积分
80
金钱
58
HASS币
0
发表于 2023-6-21 14:56:20 | 显示全部楼层
感谢楼主 分享
回复

使用道具 举报

8

主题

86

帖子

281

积分

中级会员

Rank: 3Rank: 3

积分
281
金钱
195
HASS币
0
发表于 2023-7-4 20:48:57 | 显示全部楼层
那个区域显示开几盏灯空调这个怎么搞得呀
回复

使用道具 举报

4

主题

48

帖子

747

积分

高级会员

Rank: 4

积分
747
金钱
699
HASS币
0
 楼主| 发表于 2023-7-5 08:43:07 | 显示全部楼层
lszjl 发表于 2023-7-4 20:48
那个区域显示开几盏灯空调这个怎么搞得呀

template写的
新开了一贴,看之后可能的话把面板的代码打包到gayhub
回复

使用道具 举报

8

主题

86

帖子

281

积分

中级会员

Rank: 3Rank: 3

积分
281
金钱
195
HASS币
0
发表于 2023-7-8 22:32:00 | 显示全部楼层
你好兄弟,想知道你的微标根据状态显示和根据灯光设备是否开启来显示的代码,是否可以分享一下
回复

使用道具 举报

6

主题

181

帖子

1424

积分

金牌会员

Rank: 6Rank: 6

积分
1424
金钱
1243
HASS币
0
发表于 2023-7-17 00:38:03 | 显示全部楼层
大神这个标题的字体大小如何设置的?例如你图片展示里的“通知中心”这4个字。我弄出来的字超大,改不了。求教
回复

使用道具 举报

8

主题

69

帖子

553

积分

高级会员

Rank: 4

积分
553
金钱
484
HASS币
0
发表于 2023-8-1 16:40:19 | 显示全部楼层
留痕学习
回复

使用道具 举报

2

主题

105

帖子

777

积分

高级会员

Rank: 4

积分
777
金钱
672
HASS币
0
发表于 2023-8-16 07:02:57 | 显示全部楼层
请问mushroom把图标和文字设置大一点代码是什么?
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-11-24 13:29 , Processed in 0.309914 second(s), 31 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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