Fatal编程技术网
  • javascript/
  • Javascript 带有Nprogress的材质Ui应用程序栏

Javascript 带有Nprogress的材质Ui应用程序栏

javascript reactjs material-ui next.js

Javascript 带有Nprogress的材质Ui应用程序栏,javascript,reactjs,material-ui,progress-bar,next.js,Javascript,Reactjs,Material Ui,Progress Bar,Next.js,代码： 我使用的是材质界面，当我在下一个TJS应用程序中使用nprogress时，材质界面不会显示在顶部。但当AppBar颜色为透明时，则显示进度条。现在，当页面转换开始时，我需要在AppBar顶部查看nprogress（具有固定位置和继承颜色）。您是否从css更新了工具栏样式？您可以通过将css文件中的z-index属性设置为大于1100的值，即AppBar的MUI组件的z-index，即z-index:1110，将进度放置在AppBar的顶部！重要的。颜色可以以相同的方式更新。 <

代码：
我使用的是材质界面，当我在下一个TJS应用程序中使用nprogress时，材质界面不会显示在顶部。但当AppBar颜色为透明时，则显示进度条。现在，当页面转换开始时，我需要在AppBar顶部查看nprogress（具有固定位置和继承颜色）。

您是否从css更新了工具栏样式？您可以通过将css文件中的z-index属性设置为大于1100的值，即AppBar的MUI组件的z-index，即
z-index:1110，将进度放置在AppBar的顶部！重要的。颜色可以以相同的方式更新。

<AppBar color='inherit' position='fixed'><AppBar>