#253·nprogress

TS 重写

作者: kharrat创建于 2025年3月16日更新于 2025年3月16日

哈罗

我写了一个TypeScript重写到主文件 如果有人感兴趣

[TypeScript] 页:1

  • 进步是JS申请的轻量级进步栏。
  • 它提供了一种简单的方式,可以视同装入状态,在页上方有一个微弱的进展栏.
  • 联合国
  • 这是作为单通执行的, 因此您应该通过 NPROIS. GetInstance () 访问它或者使用默认导出 。
  • 联合国
  • 举个例子
  • // 启动进度栏
  • NProgress.start();
  • 联合国
  • //将进度设定为50%
  • 进步.set(0.5);
  • 联合国
  • 增加进度栏
  • 进步.inc();
  • 联合国 */完成进度
  • 进步.done();
  • 联合国
  • // 配置选项
  • NProgress.confit({showSpinner: false }) ;
  • 《大会正式记录,第五十七届会议,补编第6号》(A/C.5/56/6),第二章。

类型 N 进度安排 = { 最低:数目; 放松? :弦; 位置 Using ?: 字符串; 速度 : 数字; 树叶? 微调? 显示Spinner?:布尔; 条选择器:字符串; 旋转选择器 ?: 字符串; 父 : 字符串; 模板:字符串;

  • ;

导出类 N 进步 { 私人静态实例:进步; 私人身份:号码:QQ 无效;

// 默认设置 私密设置: N 进步设置={ 最低:0.08, 放松:"线", 立场: ",", 速度: 200 滴滴:没错, 滴入: 200分, 显示Spinner: 真实, bar 选择器:“[作用="栏"]”, 旋转选手: '[作用="旋转选手"], 亲:"身体", 模板 : '""活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活 '""活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活

  • ;

私人建筑师( )

公共静态获取Instance (){ 如果 (! N 进步. instance) { NProgress.intance = 新的NProgress(); {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢? 返回“进步”。 {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?

公共配置( 选项: 部分“ N 进度安排 ”) { 对象. 指定( 此设置, 选项) ; 返回此项; {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?

公开启动 (): NProgress { if (! this. status) this. set (0); (此状态)

工作 = () {{{} 设置时间出错( ()) {{{} 如果返回, 这. trickle( ); 工作( );

  • 这个...
  • ;

如果(这个.sets.tricle)起作用(); 返回此项; {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?

公共集(n:数字): N 进步 { Const 开始 = this.is Startted (); n=这个.clamp(n, this. setters.) 最少为 0.08, 1 ; 此. status = n% 1? 无效 : n;

进度 = 此. 已放弃(!已启动); const bar = progress.query 选择器(这个. sets.bar 选择器); 速度=这个 设置. speed \ 200; Const easy = this. setters. easing QQ"线性";

如果(bar) { 此应用 Css( 栏, 栏, 栏, 栏) ; {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?

如果(n === 1) { 设置时间出错( ()) {{{} 移动此. remove( );

  • 速度; {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?

返回此项; {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?

公开完成( 强制 = 假): 进步 { 若( 强制) ! ! 返回此.inc(0.3 + 0.5 * Math.random()) set(1); {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?

public inc( 挂号 : number): NProgress { 让n=这个. status? ○;

如果(n ++ 1) 返回此值; 金额 = . . . . . . .

内容来源: rstacruz/nprogress