Update readme.MD
This commit is contained in:
parent
f29e50af41
commit
5c600a08b4
22
readme.MD
22
readme.MD
@ -1,9 +1,8 @@
|
|||||||
### CSS Skin für ioBroker im Material Design Stil
|
### 外观和感觉材料设计样式
|
||||||
|
|
||||||
**Inhaltsverzeichnis**
|
**Inhaltsverzeichnis**
|
||||||
|
|
||||||
1. [Funktionsumfang](#1-funktionsumfang)
|
1. [Funktionsumfang](#1-funktionsumfang)
|
||||||
2. [Systemanforderungen](#2-systemanforderungen)
|
|
||||||
3. [Installation](#3-installation)
|
3. [Installation](#3-installation)
|
||||||
4. [Anleitung](#4-anleitung)
|
4. [Anleitung](#4-anleitung)
|
||||||
5. [Changelog](#5-changelog)
|
5. [Changelog](#5-changelog)
|
||||||
@ -14,14 +13,15 @@
|
|||||||
|
|
||||||
|
|
||||||
### 1. Funktionsumfang
|
### 1. Funktionsumfang
|
||||||
In ioBroker.vis gestaltete Views können mit diesen CCS Anweisungen so dargestellt werden, dass sie ähnlich dem Look & Feel des Material Design Styles von Google funktionieren. Dazu gehören:
|
In oncloud.vis gestaltete Views können mit diesen CCS Anweisungen so dargestellt werden, dass sie ähnlich dem Look & Feel des Material Design Styles von Google funktionieren. Dazu gehören:
|
||||||
* Application bar
|
|
||||||
* Top-Navigation (Tabs), Bottom-Navigation, Left- und Right-Navigation (Sidepanels)
|
|
||||||
* Cards und Tiles
|
|
||||||
* Responsive Design (Grid, 13er/52er/156er Raster)
|
|
||||||
* Tables, inputs, labels, states ...
|
|
||||||
|
|
||||||
Siehe auch Video: [Demo-Film](docs/MaterialDesign4ioBroker.mp4) (zum Ansehen herunterladen)
|
* 应用程序栏
|
||||||
|
* 顶部导航(标签),底部导航,左侧和右侧导航(侧面板)
|
||||||
|
* 卡片和瓷砖
|
||||||
|
* 响应式设计(Grid, 13er/52er/156er Raster)
|
||||||
|
* 表,输入,标签,状态......
|
||||||
|
|
||||||
|
视频 [Demo-Film](docs/MaterialDesign4ioBroker.mp4)
|
||||||
|
|
||||||
|
|
||||||
Beispiele: 1280 x 0720
|
Beispiele: 1280 x 0720
|
||||||
@ -36,10 +36,6 @@ Beispiele: 0720 x 1280
|
|||||||
* [Beispiel 0720x1280 Demo Inputs](docs/MD_1280_0720x1280_Demo_Inputs.png?raw=true "Beispiel 0720x1280 Demo Inputs")
|
* [Beispiel 0720x1280 Demo Inputs](docs/MD_1280_0720x1280_Demo_Inputs.png?raw=true "Beispiel 0720x1280 Demo Inputs")
|
||||||
|
|
||||||
|
|
||||||
### 2. Systemanforderungen
|
|
||||||
* ioBroker.vis
|
|
||||||
|
|
||||||
|
|
||||||
### 3. Installation
|
### 3. Installation
|
||||||
Keine. Die CSS Anweisungen müssen lediglich in einem ioBroker.vis Projekt unter "CSS / Projekt" eingefügt werden, die paar Zeilen Script unter "Skript". Beides am besten aus dem [Demo-Projekt]("ioBroker projects/MD_Demo.zip") entnehmen.
|
Keine. Die CSS Anweisungen müssen lediglich in einem ioBroker.vis Projekt unter "CSS / Projekt" eingefügt werden, die paar Zeilen Script unter "Skript". Beides am besten aus dem [Demo-Projekt]("ioBroker projects/MD_Demo.zip") entnehmen.
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user