Amadeus设计厂
说明
设计工厂Angular是包含执行Amadeus设计系统,设计工厂的Angular组件的包.
设计厂(Design Factory)是一种由:
- 基于我们四个支柱的Amadeus外部和内部接口及应用程序的UI库
- 一套设计和编码最佳做法
- 来自所有阿玛德乌斯商业单位的跨功能社区
如果你想了解更多关于设计厂的信息,请联系 设计厂小组。 。 。 .
开始
你可以轻松地在你的项目中添加设计厂图书馆,感谢我们的图表. 运行如下:
ng add @design-factory/angular
它会为您 angular.json 指定的默认应用程序安装设计厂 。 如果您有多个工程并且想要针对特定应用程序, 您可以指定项目选项
ng add @design-factory/angular --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 选择 | 阿格格丽德 | 阿格诺斯UI |
|---|---|---|---|---|---|---|
| 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图标被分拆成不同的字体.