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。