techne

Wichtige Bekanntmachung

Dieses öffentliche Repository ist schreibgeschützt und nicht mehr aufrechterhalten.

Techne im Wartungsmodus

Bitte beachten Sie, dass die Technologiekomponentenbibliothek nicht mehr aktiv entwickelt wird. Das Projekt bleibt vorerst aktiv. Für die nächste Entwicklung der Technik finden Sie bitte die grundlegende Benutzeroberfläche

Hybris Techne ist die Entwurfsrichtlinie und die Komponentenbibliothek für moderne, mobile, benutzerorientierte Erfahrung für Erfahrung auf YaaS.

Komponenten

Auf dieser Seite finden Sie eine Liste der in Hybris Techne enthaltenen UI -Komponenten. https://techne.yaas.io/components/alts-errors-notifications.html

Installation

Mit Bower installieren

Sie können die Technik mit Bower mit dem folgenden Befehl in Terminal oder Eingabeaufforderung installieren: bower install hyTechne

Installieren Sie mit NPM

Techne ist auch als NPM -Paket vergrößert. Sie können mit dem folgenden Befehl in Terminal oder Eingabeaufforderung installieren: npm install techne

Erste Schritte

Vier schnelle Schritte, um loszulegen:

• Klonen Sie das Repo.
• Installieren Sie Knotenabhängigkeiten NPM: npm install .
• Installieren Sie Bower Dependacies Bower: bower install
• KSS initialisieren: gulp patchgulpkss
• Führen Sie NPM: npm start oder Führen Sie Gulp aus: gulp
• Wenn Sie ein anderes Ordner -Setup haben als die Standardbeule, sollten Sie die config.json so ändern, dass sie Ihren Anforderungen entsprechen.

Was ist die Struktur?

Innerhalb des Repo finden Sie die folgenden Verzeichnisse und Dateien:

 ├── src/
│   ├── less
│   ├── icons
│   ├── js
│   └── templates
├── dist/
│   ├── css
│   ├── js
│   ├── fonts
├── docs

Sie möchten also weniger alleine bauen?

Nichts einfacher als das! Fügen Sie einfach unsere Styes.less -Dateien wie: @import "bower_components/hyTechne/src/less/styles"; .

WICHTIG: Es gibt keinen Standardwert für @Bower-Path-Set. Es ist erforderlich, dass Sie diese Variable in Ihrem eigenen Stylesheet definieren und auf Ihren Ordner bower_components verweisen. (Kein nachverfoltiger Schrägstrich).

@bower-path: '../../bower_components';

Grund: Um eine Variable in einem Importpfad überschreiben zu können, kann die Variable noch nicht definiert werden. Ansonsten wählt der weniger Compiler die erste Definition aus und das war's.

Denken Sie auch daran, die Pfade für Schriftarten zu beheben, indem Sie die Pfadvariablen in einem weniger Einschluss nach dem Stil überschreiben.

@import "_resource-paths";

und fügen Sie in der Datei etwas hinzu:

 // Use this file to point to the right folders
// for correct paths for icon-fonts etc
// icon names much follow a UTF hex naming format

@bootstrap-path: '../../bower_components/bootstrap'; // Path to bootstrap folder
@hytech-path: '../../bower_components/hyTechne'; // Path to hytech folder

HINWEIS: Um zu erstellen, je weniger die minimal erforderliche Version von weniger ist, beträgt 2.3.0.