问题标签 [carbon-design-system]

问问题

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

30 问题

0 投票

1 回答

607 浏览

javascript - 如何使用 Angular JS 为碳设计系统模态添加条件？

我有一个在单击按钮时出现的模式 - 但是我希望模式仅在满足某些条件时出现

HTML 代码

我希望仅在我的控制器的某些条件下调用模态

控制器.js

我希望在满足条件时调用模态，并同时执行语句 1 和 2 .....如果条件为假，则不调用（显示）我要执行语句 3 的模态。

我不希望按钮被禁用并且不使用任何引导服务......我将如何通过注入条件来打开模式？

我在这一点上陷入了困境

0 投票

1 回答

1064 浏览

css - 碳设计系统全球scss需要永远建立

我正在尝试从 Carbon Design System(Vue) 应用 g10 主题。但是每次我保存文件时编译大约需要 12-15 分钟。

有没有办法只为我使用的组件添加样式？
如果没有，如何减少构建时间？
有没有办法删除对 scss 文件的监视，以便在处理 Vue 文件时节省编译时间？

css vue.js sass carbon-design-system

0 投票

1 回答

543 浏览

angular - 如何在不使用 TableModel 的情况下在 Angular Carbon 设计系统中实现分页？

我们有一个对象数组（纸）。还使用搜索过滤器。

我们在 .html 中的代码：

我们如何实现这一点？

我们发现的大多数示例都是基于 TableModel 但我们没有表格：

angular carbon-design-system

0 投票

2 回答

162 浏览

carbon-design-system - 使用 ibm carbon design 系统时，菜单不会出现在缩小的窗口大小/响应式中

我应该在哪里更改以确保菜单出现在网站的所有窗口/屏幕尺寸中？

使用https://github.com/carbon-design-system/carbon-angular-starter构建网站

carbon-design-system

0 投票

1 回答

361 浏览

javascript - 如何使用碳设计系统类显示多级下拉列表？

我想实现一个下拉菜单，将鼠标悬停在菜单中的特定选项上会打开另一组选项，如下所示（悬停在选项 3 上会打开包含选项 4 和 5 的菜单）-

我一直在使用碳类尝试类似的事情（参考自 - https://the-carbon-components.netlify.app/?nav=dropdown和https://codepen.io/team/carbon/pen/wEGEoz）但是我无法实现它。

这就是我的代码的样子 - HTML -

CSS -

在单击“选择一个选项”框后，此处 .bx--dropdown--open 类被添加到包含类bx--dropdwon的ul中，例如 -

JS-

问题在于，将鼠标悬停在选项 3上时，下拉菜单中会出现滚动条，选项 4和选项 5仅显示在初始下拉菜单中 -

我希望它以与我给出的第一个示例相同的方式出现在该框之外。即使花了很多时间，我也无法理解如何使它工作。任何帮助表示赞赏。

javascript html css carbon-design-system

0 投票

0 回答

538 浏览

reactjs - React - 碳设计系统 - 右侧边栏中的转换不起作用

我正在尝试将 Carbon Design System 用于一个项目，我需要一些有关 UI Shell 的帮助。

右侧边栏的过渡无法正常工作。

这是一个工作示例，看看它打开和关闭的流畅程度（见现场示例）：

这是有问题的示例。没有过渡（参见现场示例）：

我认为这与高阶组件的工作方式有关。这是我的理论：

HeaderPanel正在渲染内部HeaderContainer，这是一个高阶组件。
当状态变量switchCollapsed发生变化时，HeaderContainer会再次完全渲染。
所以这可以解释为什么没有过渡。
我是 React 新手，这个理论是基于我迄今为止的 React 知识。如果我错了请纠正我