css - 将自定义 CSS 文件添加到 AdminBro 组件中

Question

我在 Admin Bro 中有一个名为画廊的自定义页面。现在在他们的我想导入一些我写的css。我试过这个：

import './gallery.css';

由于某种原因，这似乎不起作用。他们有什么方法可以将我的自定义 css 添加到我在 AdminBro 页面中的反应组件中。

score 1 · Accepted Answer

以下是我的做法，请注意我使用的是 Express.js：

我试图在我的 AdminBro 页面中自定义表格的外观，看到已经有一个admin-bro_TableBodycss 类，并且可以根据以下 github 问题覆盖它：

所以我创建了一个 css 文件并像这样公开访问它：https ://stackoverflow.com/a/58046155/4297337

然后在我的 adminBro 声明中，我这样做了：

  const adminBro = new AdminBro({
    assets: {
      styles: ['/css/admin.css'],
    },
    ...
  }

我创建的 css 文件名为 admin.css，adminBro 页面会自动抓取它，您可以随意命名 css 文件，只要它位于项目根目录的 public/css/... 文件夹中即可

我的 CSS 文件是什么样的：

.admin-bro_TableBody {
  max-width: max-content;
  word-break: break-word;
}

1 回答 1