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

问题描述

有一个属性 'styles' 需要一个

"IStyleFunctionorObject<IProgressIndicatorStyleProps,IProgressIndicatorStyles>"

但我不知道如何设置它。 有人吗？

解决方法

styles 道具可以是 function 或 object

您可以自定义的内容：

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

修改进度条的background-color：

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

Codepen example.