Amadeus设计厂
说明
设计厂(Design Factory)是一种由:
- 基于我们四个支柱的Amadeus外部和内部接口及应用程序的UI库
- 一套设计和编码最佳做法
- 来自所有阿玛德乌斯商业单位的跨功能社区
如果你想了解更多关于设计厂的信息,请联系 设计厂小组。 。 。 .
开始
你可以轻松地在你的项目中添加设计厂图书馆,感谢我们的图表. 运行如下:
ng add @design-factory/design-factory
它会为您 angular.json 指定的默认应用程序安装设计厂 。 如果您有多个工程并且想要针对特定应用程序, 您可以指定项目选项
ng add @design-factory/design-factory --project myProject
建筑
设计厂由多个项目组成,您可以安装符合您要求的软件包.
@design-factory/tokens包括增强设计系统能力的设计托肯斯@design-factory/styles包括各种风格,包括公用事业和组件风格@design-factory/design-factory包括角构件和公用事业。 他们将被迁移到下面的软件包@design-factory/angular包含新的 SideNav , 并会增长到包含所有设计厂角构件
CSS 命名空间特性
在某些特定情况下,您可能必须使用 CSS 命名空间特性,该特性只允许您在 $df-cs-namespace-selector 变量定义的选择器下应用 DF 样式(默认为 =.deign-factory-v2 ==). 为使用此特性, 请导入以下内容 :
@import '@design-factory/styles/scss/namespace';
在样式.scs中,并在要应用 DF 样式的 HTML 元素中添加定义的选择器.
依赖关系
依赖性是 角质, (中文(简体) ), 靴子陷阱 5, (中文(简体) ), 恩博托丝, (中文(简体) ), 阿格诺斯UI, (中文(简体) ), Ng 选择, (中文(简体) ), 阿格格丽德 财务报告和审定财务报表 ngx-滑动器。 。 。 . 支持的版本有:
| 设计厂 | 角质 | 鞋带CSS | 恩-波茨图 | Ng 选择 | 阿格格丽德 | ngx-滑动器 | 阿格诺斯UI |
|---|---|---|---|---|---|---|---|
| 9.x.x (英语) | 11.0.0 国家 | 4.5.0 (中文(简体) ) | 9.1.0 (中文(简体) ) | 5.0.14 (中文(简体) ) | 2.0.3 联合国 | ||
| 10.x.x (英语) | 12.0.0 (单位:千美元) | 4.5.3 信息技术 | 10.0.0 (中文(简体) ) | 7.2.0 联合国 | 2.0.3 联合国 | ||
| 11.x.x (中文(简体) ) | 13.2.0 (中文(简体) ) | 4.5.3 信息技术 | 11.0.0 国家 | 8.1.1 国家 | 2.0.3 联合国 | ||
| 12.x.x (中文(简体) ) | 13.2.0 (中文(简体) ) | 5.1.3 (中文(简体) ) | 12.1.2 国家 | 8.1.1 国家 | 27.3.0 (单位:千美元) | 2.0.3 联合国 | |
| 13.x.x (英语) | 14.1.0 联合国 | 5.2.0 (中文(简体) ) | 13.1.0 (中文(简体) ) | 9.0.2 (韩语) | 27.3.0 (单位:千美元) | 2.0.4 国家 | |
| 14.x.x (英语) | 第15.1.0号决定 | 5.2.0 (中文(简体) ) | 14.0.1 (中文(简体) ) | 10.0.3 (中文(简体) ) | 27.3.0 (单位:千美元) | 2.0.4 国家 | |
| 15.x.x (英语) | 16.0.0 (单位:千美元) | 5.2.0 (中文(简体) ) | 15.0.0 (单位:千美元) | 11.0.0 国家 | 29.3.5 国家 | ||
| 16.x.x (中文(简体) ) | 16.x.x (中文(简体) ) | 5.2.0 (中文(简体) ) | 第15.1.0号决定 | 第11.2.0条 | 30.2.x (中文(简体) ) | ||
| 17.0.x (中文(简体) ) | 17.x.x (中文(简体) ) | 5.3.2 国家 | 16.0.x (中文(简体) ) | 12.0.x (中文(简体) ) | 31.0.x (中文(简体) ) | 0.0.1-α.10 | |
| 17.1x (韩语) | 17.x.x (中文(简体) ) | 5.3.3 (中文(简体) ) | 16.0.x (中文(简体) ) | 12.0.x (中文(简体) ) | 31.1.x (中文(简体) ) | 0.2.0 (中文(简体) ) | |
| 18.0.x (中文(简体) ) | 18.x.x (中文(简体) ) | 5.3.3 (中文(简体) ) | 17.0.x (中文(简体) ) | 13.2.x (韩语) | 31.3.x (中文(简体) ) | 0.4.x (中文(简体) ) | |
| 18.1x (中文(简体) ) | 18.x.x (中文(简体) ) | 5.3.3 (中文(简体) ) | 17.0.x (中文(简体) ) | 13.2.x (韩语) | 32.0.x (中文(简体) ) | 0.4.x (中文(简体) ) | |
| 19.0.x (中文(简体) ) | 19.x.x (中文(简体) ) | 5.3.3 (中文(简体) ) | 18.0.x (中文(简体) ) | 14.0.x (中文(简体) ) | 32.0.x (中文(简体) ) | 0.7.x (韩语) | |
| 19.1x (韩语) | 19.x.x (中文(简体) ) | 5.3.3 (中文(简体) ) | 18.0.x (中文(简体) ) | 14.1.x (单位:千美元) | 32.0.x (中文(简体) ) | 0.8.x (中文(简体) ) | |
| 20.0.x (中文(简体) ) | 20.x 电话 | 5.3.7 联合国 | 19.0.x (中文(简体) ) | 15.x || 20.x | 32.x (中文(简体) ) | 0.9.x (韩语) | |
| 21.0.x (中文(简体) ) | 21.x (中文(简体) ) | 5.3.8 联合国 | 20.0.x (中文(简体) ) | 21.x (中文(简体) ) | 35.x (中文(简体) ) | 0.10.x (英语) | |
| 22.0.x (中文(简体) ) | 22.x 电话 | 5.3.8 联合国 | 21.0.x (中文(简体) ) | 23.x 电话 | 35.x (中文(简体) ) | 0.11.x (英语) |
如何与图标合作
图标是混合 字体帅呆了 (FW)和内部出品相克图.
由于DF 18.0.0发布内部图标和FW图标被分拆成不同的字体.