techne

Важное уведомление

Этот общественный репозиторий только для чтения и больше не поддерживается.

Techne в режиме обслуживания

Обратите внимание, что библиотека компонентов Techne больше не развивается активно. Проект на данный момент останется активным. Для следующей эволюции Techne, пожалуйста, ознакомьтесь с фундаментальным пользовательским интерфейсом

Hybris Techne-это библиотека руководства по проектированию и компонентов для современного мобильного, ориентированного на пользователя дизайна опыта на YAAS.

Компоненты

Смотрите эту страницу для списка компонентов пользовательского интерфейса, включенных в Hybris Techne. https://techne.yaas.io/components/alerts-errors-notifications.html

Установка

Установите с помощью Bower

Вы можете установить Techne, используя Bower, со следующей командой в терминале или в командной строке: bower install hyTechne

Установите с помощью NPM

Techne также воспринимается как пакет NPM. Вы можете установить со следующей командой в терминале или в командной строке: npm install techne

Начиная

Четыре быстрых шага для начала:

• Клонировать репо.
• Установите зависимости узла NPM: npm install .
• Установите зависимости от Bower Bower: bower install
• Инициализировать KSS: gulp patchgulpkss
• Запустить NPM: npm start или Run Run Gulp: gulp
• Если у вас есть другая настройка папок, чем Bower по умолчанию, вам следует изменить config.json, чтобы соответствовать вашим потребностям.

Какая структура?

В репо вы найдете следующие каталоги и файлы:

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

Так вы хотите построить меньше самостоятельно?

Нет ничего проще, чем это! Просто включите наши файлы без файлов @import "bower_components/hyTechne/src/less/styles"; Полем

Важно: нет значения по умолчанию для набора Bower-Path. Требуется, чтобы вы определили эту переменную в своей собственной таблице стилей и указывали на свою папку Bower_components. (Без устойчивости).

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

Причина: чтобы иметь возможность перезаписать переменную в пути импорта, переменная еще не может быть определена. В противном случае менее компилятор выбирает первое определение, и все.

Также не забудьте исправить пути для шрифтов, перезаписывая переменные пути в меньшей степени включить после стиля. Бесплано включать в себя:

@import "_resource-paths";

и добавить в файл что -то вроде:

 // 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

Примечание. Чтобы построить менее минимальную необходимую версию LES MENS 2.3.0.