我试过在我的 main.scss 中使用
@import '~ag-grid-community/src/styles/ag-grid';
@import '~ag-grid-community/src/styles/ag-theme-balham/sass/ag-theme-balham';
@import '~ag-grid-community/src/styles/ag-theme-balham-dark/sass/ag-theme-balham-dark';
Run Code Online (Sandbox Code Playgroud)
然后有条件地,我想将ag-theme-balham或应用ag-theme-balham-dark到包含 ag-grid 的 div。
但是,如果两个主题都是通过 scss 加载的,因为它们都建立在一些带有变量的公共主题文件上,似乎一个覆盖了另一个?即使我可以通过 chrome 检查器验证周围的 div 有class="ag-theme-balham-dark"(即使最后导入的是暗色),我的网格也会亮起来。
首先成功删除浅色主题的导入会产生一个暗网格。
如果我切换到使用 ag-grid 的 CSS 而不是 SCSS 确实有效,但 SCSS 的全部意义在于我可以覆盖一些主题变量?