lovelace-layout-card:更好地控制lovelace卡的放置

时间:2024-06-02 11:32:06
【文件属性】:

文件名称:lovelace-layout-card:更好地控制lovelace卡的放置

文件大小:53KB

文件格式:ZIP

更新时间:2024-06-02 11:32:06

TypeScript

布局卡 更好地控制lovelace卡的放置 有关安装说明,。 快速开始 转到您的lovelace视图之一,然后选择“编辑仪表板” 单击视图名称旁边的铅笔符号以打开视图属性 转到新的“布局”标签 从“布局类型”下拉列表中选择“砌体”布局 点击“保存” 希望您现在应该没有任何区别。 再次打开视图属性,然后转到“布局”选项卡。 在“布局选项”框中输入以下内容: width : 300 max_cols : 10 点击保存 现在,您应该在视图中拥有更多,更窄,更小的卡片组。 用法 查看布局 布局卡为lovelace添加了四个新的视图布局。 砌体( custom:masonry-layout ) 水平( custom:horizontal-layout ) 垂直( custom:vertical-layout ) 网格( custom:grid-layout ) 布局类型之间


【文件预览】:
lovelace-layout-card-master
----rollup.config.js(621B)
----package.json(682B)
----.github()
--------ISSUE_TEMPLATE()
----test()
--------.env(153B)
--------configuration.yaml(706B)
--------docker-compose.yml(357B)
--------lovelace()
----layout-card.js(48KB)
----package-lock.json(41KB)
----src()
--------layout-break.ts(1KB)
--------layouts()
--------patches()
--------main.ts(424B)
--------types.ts(1KB)
--------layout-card.ts(4KB)
--------layout-card-editor.ts(8KB)
----tsconfig.json(195B)
----.devcontainer()
--------devcontainer.json(1KB)
----hacs.json(89B)
----.gitignore(35B)
----README.md(12KB)
----.gitattributes(47B)
----LICENSE.txt(1KB)
----.vscode()
--------tasks.json(572B)

网友评论