techne

重要的通知

該公共存儲庫是只讀的，不再維護的。

Techne在維護模式下

請注意，Techne組件庫不再被積極開發。該項目暫時將保持活躍。有關Techne的下一個演變，請查看基本UI

Hybris Techne是Yaas現代，移動優先，以用戶為中心的體驗設計的設計指南和組件庫。

成分

有關Hybris Techne中包含的UI組件列表，請參見此頁面。 https://techne.yaas.io/components/alerts-errors-notifications.html

安裝

使用Bower安裝

您可以在終端或命令提示中使用以下命令bower install hyTechne Techne

使用NPM安裝

Techne也可以作為NPM軟件包。您可以在終端或命令提示中使用以下命令安裝： npm install techne

入門

開始四個快速步驟：

• 克隆倉庫。
• 安裝節點依賴項NPM： npm install 。
• 安裝Bower依賴機鮑爾： bower install
• 初始化KSS： gulp patchgulpkss
• 運行NPM： npm start或運行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

注意：為了構建較小的最低要求版本的較小版本為2.3.0。