欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

react 使用 NProgress 顶部滚动条

程序员文章站 2024-02-02 12:00:46
...

首先下载

npm i nprogress -S

之后项目中引入

–css文件必须引入,否则会无效

import NProgress from 'nprogress'
import 'nprogress/nprogress.css'

在请求之前使用,请求完成后关闭

NProgress.start() // 显示滚动条
NProgress.done() // 关闭滚动条

全局请求方法中
react 使用 NProgress 顶部滚动条

修改样式

#nprogress .bar {
	background: #1890ff !important;
	height: 3px !important;
}

在入口index.html中添加
react 使用 NProgress 顶部滚动条
效果
react 使用 NProgress 顶部滚动条

相关标签: React css