本文主要是介绍vue插件——nprogress 浏览器顶部进度条 顶部滚动条的加载实现,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
页面加载慢的时候想加一个动态进度条。
难不难?好引吗?用起来简单吗?
装它:npm install nprogress
引它(哪里需要哪里引):
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
用它:
//开始读条
NProgress.start();
//结束读条
NProgress.done();
自定义进度条样式?
#nprogress .bar {background: green !important;height: 10px;
}
就绿了也粗了
了解更多的高级参数设置?JS 插件 - Nprogress | Amaze UI
这篇关于vue插件——nprogress 浏览器顶部进度条 顶部滚动条的加载实现的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!