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

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

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

  [复制链接]

8

主题

657

帖子

4181

积分

论坛元老

Rank: 8Rank: 8

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

使用道具 举报

3

主题

43

帖子

524

积分

高级会员

Rank: 4

积分
524
金钱
481
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

主题

657

帖子

4181

积分

论坛元老

Rank: 8Rank: 8

积分
4181
金钱
3519
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

帖子

279

积分

中级会员

Rank: 3Rank: 3

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

使用道具 举报

3

主题

43

帖子

524

积分

高级会员

Rank: 4

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

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

使用道具 举报

8

主题

86

帖子

279

积分

中级会员

Rank: 3Rank: 3

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

使用道具 举报

5

主题

171

帖子

1244

积分

金牌会员

Rank: 6Rank: 6

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

使用道具 举报

7

主题

67

帖子

525

积分

高级会员

Rank: 4

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

使用道具 举报

2

主题

104

帖子

647

积分

高级会员

Rank: 4

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

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-4-27 14:26 , Processed in 0.968694 second(s), 31 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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