没有合适的资源?快使用搜索试试~ 我知道了~
一、下载地址 官方地址:http://ricostacruz.com/nprogress/ 二、使用方式 依赖于 jQuery (1.8版本及以上),添加 nprogress.js 和 nprogress.css 到你的项目中。 三、基本使用方法 NProgress.start() — 显示进度条 NProgress.set(0.4) —设置百分比 NProgress.inc() — 增加一点点 NProgress.done() — 完成进度条 四、基本配置 通过 minimum 来修改最小百分比 NProgress.configure({ minimum: 0.1 }); 通过 eas
资源推荐
资源详情
资源评论
vue中使用中使用 NProgress 详细配置跟用法详细配置跟用法
一、下载地址
官方地址:http://ricostacruz.com/nprogress/
二、使用方式二、使用方式
依赖于 jQuery (1.8版本及以上),添加 nprogress.js 和 nprogress.css 到你的项目中。
三、基本使用方法三、基本使用方法
NProgress.start() — 显示进度条
NProgress.set(0.4) —设置百分比
NProgress.inc() — 增加一点点
NProgress.done() — 完成进度条
四、基本配置
通过 minimum 来修改最小百分比
NProgress.configure({ minimum: 0.1 });
通过 ease(一个 CSS 中的 easing 值) 调整动画设置和速度 speed (毫秒ms)
NProgress.configure({ ease: ‘ease’, speed: 500 });
关闭进度条步进,设置 trickle 为 false。
NProgress.configure({ trickle: false });
调整 trickleRate (每次步进增长多少) 和 trickleSpeed (步进间隔,单位毫秒ms)
NProgress.configure({ trickleRate: 0.02, trickleSpeed: 800 });
禁用进度环,设置禁用进度环,设置 showSpinner 为为 false
NProgress.configure({ showSpinner: false });
五、实例演示五、实例演示
// 进度条
import NProgress from "nprogress";
import "nprogress/nprogress.css";
// 进度条
NProgress.configure({ showSpinner: false });
NProgress.start();
NProgress.done();
具体可以参考实际项目使用
作者:搬砖-搬搬搬
资源评论
NEDL001
- 粉丝: 179
- 资源: 956
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- MFC如何修改多文档视图的标签
- 无人机路径规划中基于DDPG算法的MATLAB实现与信噪比优化
- 配电网电压与无功协调优化 以最小化运行成本(包含开关动作成本、功率损耗成本以及设备运行成本)和电压偏差为目标函数,考虑分布式电源的接入,采用线性化和二次松弛方法,将非凸模型转化为二阶锥规划模型,通过优
- MATLAB轴承动力学代码(正常、外圈故障、内圈故障、滚动体故障),根据滚动轴承故障机理建模(含数学方程建立和公式推导)并在MATLAB中采用ODE45进行数值计算 可模拟不同轴承故障类型,输出时域
- comsol模拟冻土水土热力盐四个物理场耦合
- Qt源码~~EQ曲线升级版 代码写的不错,注释也很详细了
- Halcon深度图渲染
- 01前端 / Node.js
- HTML5实现好看的运动鞋在线商城模板.zip
- HTML5实现好看的运动鞋电子商务网站模板.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功