1

我喜欢 Clarity Design System 的 DataGrid。但我只想在一个组件中使用 DataGrid。其他组件不应受到影响。

我正在为我的项目使用 Angular CLI。如果我在 .angular-cli.json 中引用 CSS，DataGrid 就可以工作，如下所示：

"styles": [
    "../node_modules/bootstrap-4-grid/css/grid.css",
    "../node_modules/clarity-icons/clarity-icons.min.css"
]

如果我将样式直接复制到组件的 .css 文件中，则 DataGrid 不起作用。

如何解决我的问题？

4

1 回答 1

2

不幸的是，Clarity 不支持仅使用单个组件，您必须clarity-ui在数组中包含完整样式styles才能使其工作。由于 Angular 中的封装模式以及它将如何以 Datagrid 无法理解的方式处理 CSS，将其包含在组件样式中会导致问题。

Clarity 被有意创建为一个完整的设计系统，我们不会单独捆绑任何组件以供使用。原因有很多，但主要原因是确保正确和一致的 UX Clarity 期望成为您的应用程序设计的基础。我能提出的最好建议是让 Clarity 定义您的设计，而不是 Bootstrap。

更新： NPM 上的项目现在位于@clr/ui而不是clarity-ui.

于 2017-11-15T23:18:36.767 回答