如何在 fluentui-react 的 ProgressIndicator 中使用样式

Question

有一个 属性 'styles' 需要

"IStyleFunctionOrObject<IProgressIndicatorStyleProps, IProgressIndicatorStyles>"

但是我不知道怎么设置。 有人吗？

Answer 1

styles 道具可以是 function 或 object

您可以自定义的内容：

root: IStyle;
itemName: IStyle;
itemDescription: IStyle;
itemProgress: IStyle;
progressTrack: IStyle;
progressBar: IStyle;

修改进度条background-color：

<ProgressIndicator
  ...
  styles={{
    progressBar: {
      backgroundColor: '#f00',
    }
  }}
/> 

Codepen example.