DB UI 核心
[大 我们发布了新的稳定版本 DB UX 设计系统 v3,它是这代DB设计系统的后继. 特别是对于新项目,我们强烈建议: DB UX 设计系统 v3。 。 。 . 新版本有一些巨大的好处和优化,特别是在无障碍测试,进一步更好的框架支持和持续开发方面.
请注意,从现在开始我们不会提供任何新的功能,只有bug修正直到2026年底的EOL.
[尖叫声] 我们试过了 快速迁移到较新的SCSS语法例如.
@use而不是现在的堕落@import这似乎比预期的要复杂. 你可能会在控制台上遇到一些警告 当使用SASS 和我们的包@import用途。 如果你想防止这些,你也许也想评估一下 迁移到我们更新的 DB UX 设计系统: https://github.com/db-ux-design-system/core-web (中文(简体) )
DB Personenverkehr 和 DB Systel 合并了网络设计系统 使用 DB UX 设计系统 v2 作为他们的接班人。 我们的目标是提供基于 DB "Moderne Ikone" (英语:Moderne Ikone (film)) 用于客户和雇员的申请。 为了实现从构思到执行的结尾2,我们给你带来了这个DB UI Core的新版本(npm: @db-ui/core这在S.R.(Reisenden Information)的设计系统中也使用.
DB UI Core提供强大的HTML UI组件,可再用可视化风格,以及强大的工具来帮助开发者,设计者,以及内容作者构建,维护,并缩放最佳的类数字体验.
tl; 医生"太长"丹尼回答
- 开始
- GitHub - DB UI 核心软件
- 托管版本的 DB UI 核心活式指南
- 建议开发 JavaScript 应用程序 : DB UI 元素
- 从 DB UI Core 第 1 版到 第 2 版的移动指南
核心校长
一致的比对( C)
DB UI 核心基于 DB UX 设计系统 v2这是所有Personenverkehr客户和德国Bahn企业网站和网络应用程序的准则.
可访问
DB UI Core 杠杆语义 HTML, ARIA 角色,状态和属性尽可能应用我们的风格,从而强制进行正确,可访问的标记. 我们正在质量检查 这一点与合作 团队数字无障碍。 。 。 .
声明
DB UI Core使用声明选择器而不是视觉帮助器,以确保我们的HTML类名称和结构是人类读取和可理解的,精益求精的,能表现的和如此容易更新的.
脱钩
DB UI Core与JavaScript层脱钩,以便在任何Web开发技术背景下执行模式;我们正在提供通用Web组件和原生JS框架组件 DB UI 元素 还有.
常绿
作为 DB UX 设计系统 v2 演化,DB UI Core也是这样,意思是应用只需要不断更新他们的DB UI Core包,以确保最新的外观和感觉.
更多信息
此外,我们将在一段时间内提供更多的信息,使整个生态系统重新定级:
- DB UX 设计系统 v2 文档在 DB 营销端口( german)
- 相通/ Base Wiki - "Technische Umsetzung des Entertainment UI Design Systems"(german,只有内部可用)
- 组合 - Web UI 组件库(仅内部可用)
- 更改日志
- 建筑决定记录
- DB UI Core 1.x Gitlab 寄存器(仅可内部访问)
要记住的事
为社区发展和由社区推动
这主要是为被整理的组件提供共同基础的空间与技术的平台;它们的发展主要是由社区驱动的,并通过我们从社区得到的大量反馈来适应项目中完成的工作. 所以,请以任何可能的方式支持我们,这是非常感谢的!
如何使用
下载 DB UI Core 以获取编译的 CSS( 和 JavaScript 的小部分), 源代码, 或者包含 npm 软件包管理器( 存储于 npmjs.com (英语) 或者说 线条) (中文(简体) ).
npmjs.com (英语) 或者说 线条 (建议)
如果您想在您( 前端) 构建过程中将 DB UI Core 用作依赖, 并且您甚至关心将 DB UI Core 作为依赖处理( 如用于更新等) , 您需要安装它作为您的项目的依赖, 然后在您的 HTML( CSS 文件) 或您的 SCSS 中链接它 . 请检查一下 文件 / 开始 详细指示.
下载或 CDN 引用
您也可以下载您将在其他地方通过节点包直接取回的所有文件,或者直接从CDN中引用这些文件,如所列几个不同的服务,例如: https://yarnpkg.com/package/@db-ui/core (中文(简体) )
如何开始开发/贡献
npm install
npm run build
npm run start
请注意 承诺公约。 。 。 .
给我们你的反馈!
这只是我们框架的第一个版本,我们真的想要你的反馈 - 要么在内部 由微软Teams的Web Dev社区提供的DB UI频道(只有内部可用的DB),或直接在 [email protected] (英语)。 。 。 . 我们特别渴望在行为中增加尽可能多的例子,以进一步澄清它们.
财务问题
我们 scss 编号 : sass 从 DB UI Core 第1 版迁移后,构建不再有效.
若您发现以下错误 请检查是否 提供您的地址 node_modules 文件夹路径到您的 sass 编译器数字 :
./src/styles.scss - Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
╷
│ @use "@csstools/normalize.css/normalize.css";
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
node_modules\@db-ui\core\sources\css\enterprise\db-ui-core.scss 7:1 @import
node_modules\@db-ui\core\sources\css\enterprise\db-ui-core-include.scss 4:9 @import
src\styles.scss 5:9 root stylesheet
德国Bahn品牌
由于我们想在用户和客户的数码旅程中完美地支持他们,使用德乙品牌和商标,即使在使用我们提供的这个产品代码时,也必然有明确的指导方针和限制;德乙完全保留了对德乙品牌的所有权利和所有权,尽管我们正在提供DB UI产品的代码,在Apache 2.0许可下可以自由使用并发布. 请看看我们 品牌门户 就任何品牌问题与谁联系。 由于这些资产和视觉指南是从我们德国Bahn营销门户上收回的,你同意 (原始内容存档于2013-10-12). Algemeine Nutzungsbedingungen für das DB-Marketingportal (german) 以防使用它们.
对于Deutsche Bahn网站和应用程序以外的任何用途,您必须删除或替换任何Deutsche Bahn品牌和设计资产以及受保护的特征和商标。 我们甚至还计划提供一个中立的主题,使你不用德乙的商标就能更容易地使用我们的产品.
这尤其涉及到目录中的文件 /source/fonts/, (中文(简体) ), source/images 财务报告和审定财务报表 source/samples 财务报告和审定财务报表 source/favicon.ico 还有.
捐款
发言非常受欢迎,请参看 捐款指南。 。 。 .
第三方承认!
行为守则
作为成员、贡献者和领导人,我们保证参与我们的工作 人人无骚扰的体验 《公约》的行为守则。 。 。 .
许可证
这个项目的许可证根据 阿帕奇 - 2.0,版权由DB Systel GmbH提供.