1

我ReactiveList用来渲染结果。覆盖默认内联样式的最佳方法是什么？最好删除 Reactivesearch (2.13.0) 提供的所有默认样式。

例如，如何删除 sortOptions 提供的这些默认样式/packages/web/src/styles/result.js：

const sortOptions = css'
  color: #424242;
  height: 32px;
  font-size: 0.82rem;
  padding: 0 25px 0 10px;
  background: url(base64....) no-repeat 95% 50%;
  background-color: #fff;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 0;
  outline: 1px solid #ddd;
  outline-offset: -1px;
';
4

1 回答 1

1

我认为，内部类是目前合并样式的唯一方法。在您的情况下，innerClass名称将是sortOptions.

请查看文档 https://opensource.appbase.io/reactive-manual/result-components/reactivelist.html#styles

使用自定义渲染器的另一种选择是，我们可以为每个小组件提供渲染功能。

每个 UI 库都带有一些默认样式，目标是以最小的努力重用组件，即可以轻松扩展和覆盖现有样式。

如果你想完全控制你的 UI 组件，我会建议自定义渲染函数而不是 innerClass。

于 2018-11-05T19:28:15.223 回答